i:0#.w|Ali.Mazaheri

Azure, Open Source, SharePoint and ...

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

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