Twitter and Facebook Web Part in SharePoint 2013

This SharePoint tutorial we will see how to show twitter feed in SharePoint 2013. This Twitter Feed for SharePoint 2013 is based on Twitter API to create a jQuery based Twitter feed. I showed you how to integrate Twitter with SharePoint 2013. This was pretty easy to set up and made it possible to integrate social networks into SharePoint.

Navigate to the Twitter widgets Developers site’s Plugin page and login, https://twitter.com/settings/widgets?

Click Create New Widgets.

show twitter feed in sharepoint

The Company Name should show up in the ‘Enter a user name’ text box

sharepoint 2013 show twitter feed

You can change the views; I kept the default views for this post. The Preview pane displays how each view will look

Click on the ‘Save Changes’ button

Select the generated Script code, Copy it.

From this page select Site Actions | Edit Page:

Edit the page, go to the “Insert” tab in the Ribbon and click the “Web Part” option. In the “Web Parts” picker area, go to the “Media and Content” category, select the Script Editor Web Part and press the “Add button”.

Once the Web Part is inserted into the page, you will see an “EDIT SNIPPET” link click. You can insert the HTML and/or JavaScript.

sharepoint 2013 twitter feed not showing

From the above Steps, Paste it into ‘Tweeter Timeline Embed code’ context. Then Click ‘Insert’.

The Microsoft Twitter Tweets Plugin is displayed.

sharepoint 2013 embed twitter feed

Mandatory :
Create New Widgets and Save widgets prenatally in twitter account.

Facebook Web Part in SharePoint

I recently had a requirement from a client to include the Facebook functionality to a SharePoint home page. You could easily go to the respective developer sites for Facebook, then copy and paste the code into a Content Editor Web part.

You can show part a “Like” button with a short feed from your page using a Facebook web part.

The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to:

  • See how many users already like this Page.
  • Read recent posts from the Page .

Step 1: Edit the SharePoint page and add Content Editor WebPart

Facebook WebPart in SharePoint 2010

Step 2: Edit the content Editor Web Part and add the given below script:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src="//connect.facebook.net/en_US/all.js#xfbml=1&appId=155174084566571″;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script’, 'facebook-jssdk’));</script>
<div class="fb-like-box" data-href="www.facebook.com/Microsoft" data-width="300″ data-height="500″ data-show-faces="false" data-stream="true" data-header="true"></div>
Facebook Web Part in SharePoint 2010

Step 3: Press OK in CEWP and save the page. The Facebook web part will be shown as below.

Facebook WebPart in SharePoint 2010

You may like following SharePoint tutorials:

This tutorial, we learned how to show twitter feed in sharepoint 2013/2016 or SharePoint online.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>