i:0#.w|Ali.Mazaheri

SharePoint, SharePoint and SharePoint!

Building a SharePoint 2013 App to embed Yammer feed on an Office 365 SharePoint site using Yammer Connect

Building a SharePoint 2013 App to embed Yammer feed on an Office 365 SharePoint site using Yammer Connect

Rate This
  • Comments 6

Here is quick step by step post on how to build a sample App to embed a Yammer feed on an O365 SharePoint site by leveraging Yammer Connect API.

  1. In Visual Studio 2012 create a new project using SharePoint 2013 App template:

    image
  2. Open the App.js file an add the following JavaScript snippet:

    image

    Network, FeedType and FeedID are three parameters we need to connect to our Yammer specific feed via Yammer Connect API.
  3. Open the ClientWebPart.aspx and add the following JavaScript snippet:

    image
  4. Next, we need to define the properties for the App Part and add the required querystring parameters to ClientWebPart element:

    yam

    You can get the value for the Network and FeedID by going to your Yammer group page and clicking on  Embed This Feed link:

    image
  5. After compiling and publishing the project from Visual Studio 2012 you should be able to add the App to your O365 Corporate Catalog and add it to a site collection of your choice and set the properties of App Part to render feed from a specific Yammer Group in your network:

    image
    image
    image
  • We've just pasted the required Yammer code in CEWP and it works great. You can also save the CEWP Web Part into Web Part gallery if you want to quickly reuse it. Does this "Appification" add some value to our way of doing it?

  • Hi Jussi,

    CEWP is definitely an option specially for 2010, I did this sample app to showcase SharePoint 2013 App model and also how this app can be easily shared in an Office 365 tenant and be leveraged on all site collections to avoid the manual work :)

  • Can we use the same code On Premise?

  • Yes,Manny

  • Jussi, could you post your code somewhere?

  • Hi Tom,

    You can find all the code here: developer.yammer.com/connect

Page 1 of 1 (6 items)
Leave a Comment
  • Please add 2 and 1 and type the answer here:
  • Post