Getting Social with SharePoint – Hash It Out with the Twitter Feed
Getting Social with SharePoint

Getting Social with SharePoint – Hash It Out with the Twitter Feed

Posted by on Wednesday, November 6th, 2013  

 

Many aspects of SharePoint 2013 revolve around its new social capabilities. Although there are new and impressive features some have been possible for a while but most of us never really thought about doing them because our focus has been on collaboration and not necessarily social collaboration.

Enter our old friend the Content Editor Web Part. It’s the jack of all trades of web parts; a go-to way to add images, text, and HTML to a SharePoint page. Speaking of HTML, that’s exactly what we’re going to use it to help us wrangle.

Twitter has become the message board of technology, entertainment and corporate America. According to research done by University of Massachusetts Dartmouth, 62% of the Fortune500 companies had an active corporate Twitter account. That number grew to 73% in 2012!

People use Twitter and, more and more, so do companies. Employees want to know what their own company is talking about. Let’s make it easy for them to find out. 

The first thing we have to do is create a Widget. Twitter makes that a matter of just a few clicks.

Go to your Twitter account and click Settings:

Getting Social with SharePoint

 

Select Widgets -> Create New.

Getting Social with SharePoint

 

On the next screen all you have to do is type in the Username of the account you want to display and decide how you want the widget to look on your SharePoint page.

Once that’s done click Create widget.

Getting Social with SharePoint

 

Ok, so that was super easy, right? Now, let’s open Notepad, copy and paste that HTML into a blank .txt file (I recommend not having Word Wrap turned on).

<a  href="https://twitter.com/Summit7Systems"  data-widget-
id="383306308067135488">Tweets by @Summit7Systems</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>

*Note that this is querying Twittering directly, or leveraging an external Twitter library. Some secure environments may not allow this connection.

 

Save that file to the official file dumping ground aka your desktop (or elsewhere, if you’re super fancy).

So we have our widget and HTML file. Time to do something with them.  Browse to your SharePoint site and upload the .txt file into the Site Assets library (or the library of your choice in the site). After that’s done let’s go to the page where we want to display the widget on and add the Content Editor Web Part. Once added, edit the web part.

Getting Social with SharePoint

Click Apply and OK, save your edits to the page and take a look!

Getting Social with SharePoint

Social connectivity through the magic and wonder of SharePoint.

 

Subscribe to RSS Feed

Sign Up for Newsletter

4

4

comments

    Nov 07
    2013

    sonisick

    Nice Post. Will that work on SharePoint 2013?

    Reply
      Nov 07
      2013

      Joy Curry

      Absolutely. All the screen shots were taken from a 2013 environment.

      Reply
        Nov 07
        2013

        sonisick

        I guess I didn’t think the SharePoint Content Editor would handle a script tag. It seems to be more for text. I’ve been using a Script Control.

        Reply
    Aug 20
    2015

    shannonleslie1

    I followed the instructions but now it only gives me a link @mytwitterfeed

    Why?

    Reply

Leave a Reply