Embedding Twitter

This tutorial details how to create Twitter assets to embed tweets onto your webpage. If you are interested in embedding other forms of Twitter content, refer to Twitter's support on embedding using the steps within this tutorial. 

Refer to using assets prior to performing the following steps.


1. Navigate to create a new asset, and click +New

New asset icon


2. Click Web Content

New asset menu selecting web content


3. Add descriptive information to the Twitter asset, and adjust settings if necessary

Asset info and access settings menu with filled textboxes


4. Open a new window within your web browser, and login to Twitter

Twitter login menu


5. Navigate to the tweet that you want to embed, and click Embed

Tweets featuring the embed link


6. Copy the embed code provided by Twitter

Embed this tweet textbox with embed code


7. Open the OU Campus window in your web browser, and navigate to the Asset Content window

Blank asset content textbox


8. Click Edit HTML Source

Edit html source selected in asset content toolbar


9. Paste the embed code provided by Twitter into the HTML Source Editor

Twitter embed code pasted into html source editor's textbox


10. Click Update

Html source editor's update icon


11. Click Create

Create asset icon


12. While editing a page, click Edit where you want to embed the tweet

Editing page edit icons


13. Click Insert Asset

Insert asset icon in toolbar when editing pages


14. Navigate to and select the Twitter asset

Select asset menu with specified tweet asset selected


15. Click Insert

Select asset menu's insert icon