How do I add a Twitter feed to my course?

How do I add a Twitter feed to my course?

Some instructors find that when Twitter is being used in conjunction with their course it is
useful to embed Twitter feeds into their Avenue to  Learn Course Homepage. These instructions
explain how to create a custom widget and place a Twitter feed into a custom widget.

To place a Twitter feed into a custom widget, you must get the embed code for the Twitter feed
that you want to place in the custom widget. 

1. Go to https://publish.twitter.com/ 

2. Enter a Twitter URL or handle in the search field and press enter.

enter the Twitter URL you want to embed
enter the Twitter URL you want to embed

enter the 

3. To get the embed code, you should click on Embedded Timeline in the display options.

Twitter display options
Twitter display options


4. Click on the Copy Code button.
NOTE: The code you’ve copied is the embed code you will paste into your custom widget later.

copying the Twitter embed code
copying the Twitter embed code

5. Make sure you are in the course you want to add the Twitter feed.

6. Click on Course Admin.

click Course Admin from the navbar
click Course Admin from the navbar

7. Select Widgets.

click Widgets from the navbar
click Widgets from the navbar

8. Click on Create Widget.

click create widget button
click create widget button

9. Type in a Name for the Custom Widget. Optionally enter a description, and click on the
Release Conditions tab to attach any necessary release conditions to the widget.

entering a name and description for your widget
entering a name and description for your widget

10. Click on the Content tab. This is where you will paste the embed code you copied in step 3.

click Content from the tabs
click Content from the tabs

11. Click on the Insert Stuff button.

click the insert stuff button
click the insert stuff button

12. Choose Enter Embed Code in the Insert Stuff pop-up window.

click enter embed code from the list of options
click enter embed code from the list of options

13. Paste the embed code that you copied (from step 3) into the pop-up window (PC users press CTRL + V; Mac users Command + V) and the click on Next.

paste the Twitter embed code in the textbox
paste the Twitter embed code in the textbox

14. Click on Insert. You will be returned to the HTML Editor.

click insert button
click insert button

15. You can get a preview of your Twitter feed by clicking on the Preview Widget button. Click
on Save and Close when you are done.

click save and close
click save and close

16. You should see your newly created custom widget in your list of custom widgets.

 

Related Articles