{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"never","results":{"codes":[]},"try":true,"basic_auth":false,"params":[]},"next":{"description":"","pages":[]},"title":"Step 4: Displaying Data","type":"basic","slug":"displaying-data","excerpt":"","body":"**Display Data From Yammer Using Embed**\n\nTo display data from Yammer in your HTML based application, Yammer provides embeddable JavaScript widgets that display a specified feed. These widgets function as a scaled-down version of Yammer. Using Yammer Embed, you can display My Feed, a Group Feed, a Topic Feed, a User Feed or an OG object feed.\n\n*To display My Feed, add the following embed code to your HTML page* \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<!DOCTYPE HTML>\\n<html>\\n<head></head>\\n<body>\\n    <script type=\\\"text/javascript\\\" src=\\\"https://c64.assets-yammer.com/assets/platform_embed.js\\\"></script>\\n    <div id=\\\"embedded-feed\\\" style=\\\"height:400px;width:500px;\\\"></div> \\n    <script>\\n        yam.connect.embedFeed(\\n          { container: '#embedded-feed',\\n            network: 'fourleaf.com'  // network permalink (see below)\\n        });\\n    </script>\\n</body>\\n</html>\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/3Hg7GZ8ARcuR7z1QuUl5_8-Embed-1024x734.png\",\n        \"8-Embed-1024x734.png\",\n        \"1024\",\n        \"734\",\n        \"\",\n        \"\"\n      ],\n      \"caption\": \"To retrieve the Embed Group ID and network permalink, navigate to the feed in the Yammer web app and copy it from the URL:\"\n    }\n  ]\n}\n[/block]\nFor more information on embedding feeds, especially the OG object feed, check out: https://developer.yammer.com/v1.0/docs/embed under “Embed feeds”.","updates":["553abde569c2630d00a8565e","556efd0a9893290d00988a3f","558471ae80f67f1700ec56ba"],"order":4,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"546b924762515a14007ebc51","project":"545137a814af501a00b50cf9","__v":7,"createdAt":"2014-11-18T18:39:03.126Z","version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":true,"is_hidden":false,"is_deprecated":false,"categories":["545137a814af501a00b50cfd","545138eaa66f020800dbab4a","546b9072b47b5d1400109edf","546b9082b47b5d1400109ee0","546b9088b47b5d1400109ee1","546b909462515a14007ebc43","546b90a0b47b5d1400109ee2","546ced235884600e007a92f6","5481008eea7fd40b00cd7c2b","573b9d83ee2b3b220042291f","57be1efa15efc70e006a5f99","5ee004f52c97b4004c7a5876"],"_id":"545137a814af501a00b50cfc","project":"545137a814af501a00b50cf9","__v":12,"createdAt":"2014-10-29T18:53:28.525Z","releaseDate":"2014-10-29T18:53:28.525Z"},"category":{"sync":{"isSync":false,"url":""},"pages":["545137a814af501a00b50cff","5451389e14af501a00b50d11","5451384514af501a00b50d04","546b8edb62515a14007ebc39","546b9214b47b5d1400109efa","546b922862515a14007ebc4f","546b9234b47b5d1400109efc","546b924762515a14007ebc51","546b925662515a14007ebc53","546fdac1691dc8080089521d","547374bd007eb108007e0380"],"title":"Documentation","slug":"documentation","order":0,"from_sync":false,"reference":false,"_id":"545137a814af501a00b50cfd","project":"545137a814af501a00b50cf9","version":"545137a814af501a00b50cfc","createdAt":"2014-10-29T18:53:28.598Z","__v":11},"githubsync":"","user":"5433099f9a2b451a00ad4531","parentDoc":null}

Documentation

Yammer App Directory

REST API

Authentication

Open Graph

Social Actions

SDKs

Data Export API

Yammer Embed

Mobile Deep Links

External Participants

Yammer Web Client

Step 4: Displaying Data

**Display Data From Yammer Using Embed** To display data from Yammer in your HTML based application, Yammer provides embeddable JavaScript widgets that display a specified feed. These widgets function as a scaled-down version of Yammer. Using Yammer Embed, you can display My Feed, a Group Feed, a Topic Feed, a User Feed or an OG object feed. *To display My Feed, add the following embed code to your HTML page* [block:code] { "codes": [ { "code": "<!DOCTYPE HTML>\n<html>\n<head></head>\n<body>\n <script type=\"text/javascript\" src=\"https://c64.assets-yammer.com/assets/platform_embed.js\"></script>\n <div id=\"embedded-feed\" style=\"height:400px;width:500px;\"></div> \n <script>\n yam.connect.embedFeed(\n { container: '#embedded-feed',\n network: 'fourleaf.com' // network permalink (see below)\n });\n </script>\n</body>\n</html>", "language": "text" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/3Hg7GZ8ARcuR7z1QuUl5_8-Embed-1024x734.png", "8-Embed-1024x734.png", "1024", "734", "", "" ], "caption": "To retrieve the Embed Group ID and network permalink, navigate to the feed in the Yammer web app and copy it from the URL:" } ] } [/block] For more information on embedding feeds, especially the OG object feed, check out: https://developer.yammer.com/v1.0/docs/embed under “Embed feeds”.