SOLVED

Help with a better embed experience

%3CLINGO-SUB%20id%3D%22lingo-sub-15008%22%20slang%3D%22en-US%22%3EHelp%20with%20a%20better%20embed%20experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-15008%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20there%20Yammer%20experts.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20was%20hoping%20one%20of%20you%20could%20help%20me%20out%20with%20improving%20the%20embedded%20experience%20for%20Yammer%20into%20SharePoint%20Online...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMy%20goal%20is%20to%20display%20the%20group%20feed%20with%20the%20image%20associated%20with%20the%20feed%2C%20as%20well%20as%20a%20clickable%20link%20to%20the%20yammer%20experience...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECurrently%20using%20this%20code%20in%20a%20Script%20Editor%20Web%20Part%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%26lt%3Bscript%20type%3D%22text%2Fjavascript%22%20src%3D%22https%3A%2F%2Fc64.assets-yammer.com%2Fassets%2Fplatform_embed.js%22%26gt%3B%26lt%3B%2Fscript%26gt%3B%0A%26lt%3Bdiv%20id%3D%22embedded-feed%22%20style%3D%22height%3A800px%3Bwidth%3A1000px%3B%22%26gt%3B%26lt%3B%2Fdiv%26gt%3B%0A%26lt%3Bscript%26gt%3B%0A%20yam.connect.embedFeed(%7B%0A%20%20%20%20container%3A%20%22%23embedded-feed%22%2C%0A%20%20%20%20network%3A%20%22test.com%22%2C%0A%20%20%20%20feedType%3A%20%22group%22%2C%0A%20%20%20%20feedId%3A%20%22123%22%2C%0A%20%7D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%7D)%3B%20%20%20%20%0A%26lt%3B%2Fscript%26gt%3B%20%3C%2FPRE%3E%3CP%3EIs%20it%20possble%20to%20use%20additional%20configuration%20code%20like%20with%20%22Open-Graph%22%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%20objectProperties%3A%20%7B%0A%20%20%20%20%20url%3A%20%22https%3A%2F%2Fbox.com%2Ffile%2Fabc123%22%2C%0A%20%20%20%20%20type%3A%20%20%22file%22%2C%0A%20%20%20%20%20title%3A%20%22Yammer%20ROI.pdf%22%2C%0A%20%20%20%20%20image%3A%20%22https%3A%2F%2Fdox.com%2Ffile%2Fabc123.png%22%20%20%20%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAny%20suggestions%20would%20be%20hugely%20appreciated...%20Run%20into%20a%20roadblock%20here.%20Below%20is%20the%20desired%20outcome%2C%20but%20this%20is%20using%20the%20Open-Graph%20setting%20within%20the%20application%20from%20Blue%20Rooster%2C%20not%20%22groups%22.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22http%3A%2F%2Fimgur.com%2Fgallery%2F9aEZL%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fimgur.com%2Fgallery%2F9aEZL%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3ECallum.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-15008%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EYammer%20Embed%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-16228%22%20slang%3D%22en-US%22%3ERe%3A%20Help%20with%20a%20better%20embed%20experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-16228%22%20slang%3D%22en-US%22%3ESure%20happy%20to%20chat%20about%20it.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-16210%22%20slang%3D%22en-US%22%3ERe%3A%20Help%20with%20a%20better%20embed%20experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-16210%22%20slang%3D%22en-US%22%3E%3CP%3EExcellent%20stuff%20Simon%2C%20I'll%20watch%20the%20VOD%20of%20the%20session%2C%20I'm%20all%20the%20way%20over%20in%20New%20Zealand%20(excited%20for%20the%20NZ%20Ignite%20over%20here%20in%20a%20months%20time).%20If%20I%20have%20any%20queries%2C%20I%20hope%20you%20don't%20mind%20some%20dialog%20online%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECheers%2C%3C%2FP%3E%3CP%3ECallum.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-16127%22%20slang%3D%22en-US%22%3ERe%3A%20Help%20with%20a%20better%20embed%20experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-16127%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20delivering%20a%20MVP%20Hub%20Talk%20on%20Thursday%20THR1048%20in%20the%20Expo%20Hall.%20I'll%20be%20showing%20embed.%20I'll%20get%20it%20recorded%20afterwards.%20If%20you%20are%20at%20Ignite%20track%20me%20down%20(using%20the%20attendee%20messaging%20service)%20and%20I'm%20happy%20to%20talk%20about%20it.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-15687%22%20slang%3D%22en-US%22%3ERe%3A%20Help%20with%20a%20better%20embed%20experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-15687%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20for%20this%20material%20Tom%2C%20really%20appreciated%20%3A).%20I'll%20make%20sure%20I%20catch%20that%20ignite%20session!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAll%20the%20best%2C%3C%2FP%3E%3CP%3ECallum%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-15562%22%20slang%3D%22en-US%22%3ERe%3A%20Help%20with%20a%20better%20embed%20experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-15562%22%20slang%3D%22en-US%22%3E%3CP%3EAttached%20are%20some%20additional%20resources%20which%20you%20may%20find%20useful%20for%20Yammer%20Embed.%20%26nbsp%3BAlso%2C%20there%20is%20a%20session%20at%20Ignite%20this%20week%20delivered%20by%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F82%22%20target%3D%22_blank%22%3E%40Simon%20Denton%3C%2FA%3E%26nbsp%3Bwhich%20will%20be%20available%20on%20Channel%209%20after%20it%20is%20delivered%2C%20which%20I'm%20sure%20will%20be%20enlightening%20as%20well.%20%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-15393%22%20slang%3D%22en-US%22%3ERe%3A%20Help%20with%20a%20better%20embed%20experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-15393%22%20slang%3D%22en-US%22%3EThere%20are%20some%20additional%20configuration%20options%20but%20not%20exactly%20what%20you're%20looking%20for.%20Setting%20Show%20Header%20to%20true%20might%20be%20of%20interest.%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fwww.yammer.com%2Fwidget%2Fconfigure%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.yammer.com%2Fwidget%2Fconfigure%3C%2FA%3E%3C%2FLINGO-BODY%3E
New Contributor

Hi there Yammer experts.

 

 

I was hoping one of you could help me out with improving the embedded experience for Yammer into SharePoint Online...

 

My goal is to display the group feed with the image associated with the feed, as well as a clickable link to the yammer experience...

 

Currently using this code in a Script Editor Web Part:

 

 

<script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_embed.js"></script>
<div id="embedded-feed" style="height:800px;width:1000px;"></div>
<script>
	yam.connect.embedFeed({
  		container: "#embedded-feed",
  		network: "test.com",
  		feedType: "group",
  		feedId: "123",
	}                  	
    });    
</script> 

Is it possble to use additional configuration code like with "Open-Graph"?

 

 

 

	objectProperties: {
   		url: "https://box.com/file/abc123",
   		type:  "file",
   		title: "Yammer ROI.pdf",
   		image: "https://dox.com/file/abc123.png"   

 

Any suggestions would be hugely appreciated... Run into a roadblock here. Below is the desired outcome, but this is using the Open-Graph setting within the application from Blue Rooster, not "groups".

 

http://imgur.com/gallery/9aEZL

 

 

Thanks,

Callum.

 

 

Post with 8 votes and 275 views. Shared by Fizix. For the Yammer community
6 Replies
There are some additional configuration options but not exactly what you're looking for. Setting Show Header to true might be of interest.

https://www.yammer.com/widget/configure
best response confirmed by Callum Robertson (New Contributor)
Solution

Attached are some additional resources which you may find useful for Yammer Embed.  Also, there is a session at Ignite this week delivered by @Simon Denton which will be available on Channel 9 after it is delivered, which I'm sure will be enlightening as well.  

Thanks for this material Tom, really appreciated :). I'll make sure I catch that ignite session!

 

All the best,

Callum

I'm delivering a MVP Hub Talk on Thursday THR1048 in the Expo Hall. I'll be showing embed. I'll get it recorded afterwards. If you are at Ignite track me down (using the attendee messaging service) and I'm happy to talk about it.

Excellent stuff Simon, I'll watch the VOD of the session, I'm all the way over in New Zealand (excited for the NZ Ignite over here in a months time). If I have any queries, I hope you don't mind some dialog online :)

 

Cheers,

Callum.

Sure happy to chat about it.