SharePoint 2013 Hosting Tutorial – How to Add A Twitter Feed to A SharePoint Site?

One of the ways to improve user adoption in SharePoint is by building interactive and engaging sites for your end users. One of my favorite tricks to achieve this is by adding a company Twitter or Facebook widget right inside of the SharePoint page. Usually, this is something that would reside on the Company Intranet Homepage, but really could be added to any site in SharePoint. For the purposes of this example, we will add a Twitter Feed, but the same technique should work for other Social Media platforms (i.e. Facebook).

ADD A TWITTER FEED TO SHAREPOINT SITE IN 4 STEPS

Step 1: Generate Twitter widget code

The first thing we need to do is grab the widget code from the social platform. This step is done outside of the SharePoint, in this case, on Twitter. Once you login to your company’s Twitter Account, go to Settings > Widgets and generate widget code. The screen will look like the one below. The code you want to grab is located at the bottom of the screen. Just copy it all and paste in Notepad or Word for the moment.

ahp banner sharepoint-01

The code will look similar to this below. Make sure to copy your code and save it somewhere.

<a class="twitter-timeline" href="https://twitter.com/gregoryzelfond" data-widget-id="694697292931080192">Tweets by @gregoryzelfond</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Step 2: Add Script Editor to the Page

Since the above code is a script, in order to properly display it on SharePoint page, we need to add a a Script Editor Web Part.

To do this, click Page > Edit, then Insert > Media and Content > Script Editor. Click Add

embedtwitter2

Step 3: Insert Twitter widget code into Script Editor

The next step is to add a widget code you copied from Twitter, into the Script Editor. Click on Edit Web Part

embedtwitter3

Next, click on Edit Snippet

embedtwitter4

Paste the code into the window and click Insert

embedtwitter5

At this point, save the web part (click Apply > OK), then make sure to save the Page by clicking Save Button.

Step 4: Deactivate Minimal Download Strategy feature on a site

This step is optional. If your Twitter feed displays OK by now, you are done and no further action is required. However, if you encounter above situation, you need to disable a feature on SharePoint Site, called Minimal Download Strategy.  This feature has to do with how page is rendered for perfromance reasons. So there is no hard in disabling this really. You need to have Full Control Access to do this. Go to Site Settings > Site Actions > Manage Site Features. Scroll down until you see Minimal Download Strategy and disable it (click Deactivate Button). You will get a warning message, just proceed by clicking Deactivate this feature.

Go back to your homepage or the page where you added your code and… you will get to see your Twitter feed! Enjoy!!!

Cheap and Recommended SharePoint 2013 Hosting

ASPHostPortal.com is Perfect, suitable hosting plan for a starter in SharePoint. ASPHostPortal the leading provider of Windows hosting and affordable SharePoint Hosting. ASPHostPortal proudly working to help grow the backbone of the Internet, the millions of individuals, families, micro-businesses, small business, and fledgling online businesses. ASPHostPortal has ability to support the latest Microsoft and ASP.NET technology, such as: WebMatrix, WebDeploy, Visual Studio 2015, .NET 5/ASP.NET 4.5.2, ASP.NET MVC 6.0/5.2, Silverlight 6 and Visual Studio Lightswitch, ASPHostPortal guarantees the highest quality product, top security, and unshakeable reliability, carefully chose high-quality servers, networking, and infrastructure equipment to ensure the utmost reliability.