A Twitter feed in a new tab of the menu
In order to integrate a Twitter feed into your course you must first generate the appropriate HTML and JavaScript code to be inserted into your course. To do this you must first visit the following link:
Once on this page, insert the URL of the Twitter feed you would like to embed within your course into the form. After inserting the URL press the button with the arrow to the right to continue.
Select the display option desired for your course. In order to embed a Twitter Timeline feed select the Embed Timeline option.
Once you have selected the feed display option for your course, scroll just below this to find the automatically generated embedding code. Simply copy the code by clicking on the blue Copy Code button to the right. This will automatically copy the full embedding code to your computer’s clipboard.
The Twitter Timeline can be embedded into a new Page within your course. To do so, go to Content, Pages and click on New Page.
Go to Edit on the new page line.
Go to Settings to change the name of the page.
Go back to Editor, click on HTML. Delete all the contents and paste the embedding code from your clipboard. Select OK and the HTML editor window will close. Select Save on the Page Editor window. You will now have a live Twitter Timeline on the page within your course.
Note : if you wish to modify the width of the feed, add in the HTML data-width:”500” (for example).
A Twitter feed embedded feature integrated in a course
In order to integrate a Twitter feed into your course you must first generate the appropriate HTML and JavaScript code to be inserted into your course. To do this you must first visit the following link:
Once on this page, insert the URL of the Twitter feed you would like to embed within your course into the form. After inserting the URL press the button with the arrow to the right to continue.
Select the display option desired for your course. In order to embed a Twitter Timeline feed select the Embed Timeline option.
Once you have selected the feed display option for your course, scroll just below this to find the automatically generated embedding code. Simply copy the code by clicking on the blue Copy Code button to the right. This will automatically copy the full embedding code to your computer’s clipboard.
In Studio select the location within your course where you desire for the Twitter Timeline to be inserted.
Create a new Text Component. Go to the text component block and select Edit. When the Editor window opens select HTML to open the raw HTML editor. Delete all the contents and paste the embedding code from your clipboard.
Select OK and the HTML editor window will close. Select Save on the Page Editor window.
You will now have a live Twitter Timeline on a block within a unit of your course.
Note : if you wish to modify the width of the feed, add in the HTML data-width:”500” (for example).