Adding your Twitter Feed to your eClass Page

Article Last Updated May 2018

Adding Twitter Feeds to eClass course pages is a great way to communicate course updates to students, or even filter tweets directly concerning particular courses, or education in general using the hashtag key. Hashtags are words or phrases preceded by a hash or pound sign (#) to recognize messages of a specific topic (i.e. #education, #albertaed, etc.)

This article will show you how to create a block on eClass where you can embed the html widget from twitter to pull all of the tweets referencing your course or other specific hashtags. This article will not show you how to use twitter itself.

Adding Twitter Feeds: 

  1. Turn editing on, near the top right side in eClass on your course overview, or the eClass course page you wish to add a Twitter Feed to.



  2. Navigate to the Add a block button usually found at the bottom of the left-hand side of the page.



  3. Click on HTML.



  4. The page will refresh and a New HTML block will automatically appear on the page.

  5. Click on the gear icon on the right side of the block, then on Configure (New HTML block) block to edit the block's settings and content.



  6. Give the HTML block a title.



  7. In a separate tab or window, open and log in to your Twitter account. (Ensure that you are not using the mobile version of Twitter)

  8. Once you've logged on, use the following instructions to create a Twitter feed widget: How to embed a timeline.

  9. After creating a Twitter widget, copy the corresponding HTML code. An HTML code looks like a long version of a URL or weblink, with numbers and letters within it.

  10. Return to your eClass webpage tab or window.

  11. Enter the Configure (new HTML block) block setting of your new HTML block, if not already there. 

  12. At the top of the Content portion of the page, there is a toolbar to edit the content description. There should be multiple (usually 2 or 3) lines displaying in this toolbar; if not, click the top left button of the Content's Toolbar (Show more buttons) to display all of the lines.

  13. Click the icon to edit the HTML link which looks like this: '</>'.



  14. Then, paste the HTML code that you copied from your Twitter website in the text box.

  15. Select Save Changes

  16. Your Twitter Feed is now located on the eClass page where the HTML block preceded it and you may move it by clicking on the icon with four outward pointing arrows and dragging the Twitter Feed to its desired position.
(1 vote(s))
Helpful
Not helpful