{"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":5,"isReference":false,"hidden":true,"sync_unique":"","link_url":"","link_external":false,"_id":"546b924762515a14007ebc51","project":"545137a814af501a00b50cf9","__v":8,"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":"Getting Started","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}