While the Yammer team has provided API documentation, there are little examples published on internet today which explain its simplicity and potential. I will try to fill the gap in this blog post by taking an example of how it can be used.
If you have never used Yammer Embed before, you may want to read my previous post.
For Yammer Open Graph commenting and Open Graph buttons, I will recommend to first read documentation on Yammer Website.
What you may not realize at first is that you can pass page url's to opengraph.
And if you change the query string parameter for same page url, it is treated as another open graph object in Yammer.
Now lets put 2 and 2 together and make it 5 (actually 10).
I will use a simple example of a SharePoint Online blog site. However, the same concepts can be extended to any web based platform like SalesForce or ASP.Net.
In SharePoint Online blog site, there are only 2 pages, Home page and details page. The blog post id is passed in the querysting and associated blog post displayed. Example Page URL's:
Summary Home Page:
Details Post Page: Note that only ID in query string changes.
Now we want to delete or hide the SharePoint social features and use Yammer embed instead.
For home page, I need to show summary of feeds from all different blog posts. I created a Yammer Group (using Yammer UI) and then used the Yammer Group ID in my code to display the Yammer Group feed.
Below is the embed script on Home Page and how the UI looks.
<div id="embedded-feed" style="height: 800px; width: 400px;">