eClass Support
Adding your Twitter Feed to your eClass Page
Last modified on 05 July 2023 04:22 PM

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. Toggle on Edit mode, located to the top right corner 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 found at the top right-hand side of the page.



  3. Click on Text.



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

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



  6. Give the Text 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 Text block) block setting of your new Text 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 Text 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

-->