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 11

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

  • How can i embed a feed from a specific thread in a group

  • when i tried the above code in on premis sharepoint 2013, i am getting "The content cannot be displayed on IFRAME" Do i need to add anything for this?

  • good one.it was useful for me.<a href="http://staygreenacademy.com" >

    Rozeena

    </a>

  • Hi and thanks for this useful post. I have a question. When you make a comment on a specific page every body on the network can see it when they log on into the yammer site. Everyone that belongs to the network can see it. I want to make it private so that only those that has permissions to log on into the SharePoint site can see the comments on the yammer.

  • You can create a private group for that team site and connect your feed to that.

Page 1 of 1 (11 items)
Leave a Comment
  • Please add 4 and 5 and type the answer here:
  • Post