​Twitter Web Part

Since mid-2013 Twitter now requires users to fetch APIs from their site to create a web part on SharePoint. In this guide we have described instructions for fetching the code from Twitter and embedding it in SharePoint.

Please note that you need to either use your personal Twitter account or your office's Twitter account to do this. So, if you need to go fetch the password for your office's account, now would be a good time to do that.

Step 1:

Visit Twitter, and sign in if you haven't already done so. On the upper right-hand corner, you will see a gear wheel with an arrow pointing down, select this dropdown menu. "Select Settings."

Screenshot Twitter Edit Settings 

Step 2:

You're now editing your settings. Navigate through the left-menu to "Widgets." Once there, click "Create New."

Step 3:

In front of you, there are now four menu options.Screenshot Twitter Select API

  1. User timeline: this option will feature all the tweets from a particular account, including retweets.
  2. Favorites: this option will feature everything you 'favorite' from your account.
  3. List: if you have users you follow grouped into lists, this option will feature tweets from that set group of individuals.
  4. Search: this option can be used to display a particular #hashtag, all tweets mentioning a particular @user, or a particular keyword. Be very careful in using this option as it will feature any with the search term.

Step 4:

After selecting a widget type, fill in the appropriate field. Be sure to preview the content before clicking "Create widget." Please do not change the default height and do not change the theme from Light to Dark. Please change the link color to #004E74.

Step 5:

Now you will see some code underneath your preview. Copy that code.

Step 6:

Go back to the page where you want to add the video web part. In editing mode, select Add a Web Part > Forms > HTML Form Web Part, click Add. Once your web part has appeared, from the drop down menu select "Edit Web Part.

Screenshot Add a Form Web Part 

Step 7:

Select "Source Editor..." A pop-up window should open. Delete all the existing code and Paste the code from Twitter to replace everything. Click Save to close the pop-up.

Screenshot Web Part Source Editor 

Step 8:

Now you just need to configure how your web part looks. If you would like a title to appear for your video, change the default "HTML Form Web Part" to something you like. If you do not need a title, change the Chrome Type to "None." Make sure to set the width to either 220px or 456px depending on where your web part is. Click OK and you're done!