Clarity

Expand all | Collapse all

Yammer Feed in HTML Portlet

  • 1.  Yammer Feed in HTML Portlet

    Posted 01-07-2016 07:02 PM

    Hi,

    I'm trying to get my Yammer feed to be made accessible from within Clarity using the HTML portlet.

     

    Yammer provides the html tags to be embedded but when I try adding that to my HTML portlet in Clarity, All I get is a blank screen when I click on Preview.

    Embed Feed · Yammer Developer Site

     

    Has anyone tried and succeeded in getting this yammer feed working?

     

    Cheers,

    Harrish



  • 2.  Re: Yammer Feed in HTML Portlet

    Posted 01-08-2016 02:26 AM

    What does 'View Source' show when you right click inside the portlet ?

     

    What does the JS console say ? (Console tab in F12 Dev Tools) ?



  • 3.  Re: Yammer Feed in HTML Portlet

    Posted 01-08-2016 12:58 PM

    Use the "Embed This Feed" hyperlink as discussed in Embed Feed · Yammer Developer Site   document

     

    It worked for me.

     

    The code snippet is below

     

    <div id="embedded-feed" style="height:800px;width:400px;"></div>

    <script type="text/javascript" src="https://assets.yammer.com/assets/platform_embed.js"></script>

    <script type="text/javascript"> yam.connect.embedFeed({

      container: "#embedded-feed",

      network: "your_company_name.com",

      feedType: "group",

      feedId: "xxxxxxx"});

    </script>

     

    network and feedId will be different your your site.



  • 4.  Re: Yammer Feed in HTML Portlet

    Posted 01-08-2016 02:24 PM

    Base on HaseebR statement, you will see that the embedded script:

     

    <!DOCTYPE HTML>
    <html>
    <head></head>
    <body>
        <script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_embed.js"></script>
        <div id="embedded-feed"></div> 
        <script>
            yam.connect.embedFeed(
              { container: '#embedded-feed',
                network: 'fourleaf.com'  // network permalink (see below)
            });
        </script>
    </body>
    </html>
    

     

    it generates an iframe which looks like:

    <iframe class="yj-embed-widget yj-embed-feed" src="https://www.yammer.com/platform_embed/feed?container=%23embedded-feed&network=fourleaf.com&network_permalink=fourleaf.com&bust=1452279121553" style="border: 0px none; overflow: hidden; min-height: 26px; width: 100%; height: 100%;" name="embed-feed" id="embed-feed" frameborder="none"></iframe>
    

     

    based on this iframe we see this in the html portlet.

     

     

    V/r,

    Gene



  • 5.  Re: Yammer Feed in HTML Portlet

    Posted 01-10-2016 08:20 PM

    Thank you HaseebR , Steve & Gene.

     

    I finally was able to get the yammer feed working. My browser (IE11) was in Enterprise mode and that was restricting the feed from appearing.

    Once I turned it off, the feed started appearing in the portlet.

     

    Cheers,

    Harrish



  • 6.  Re: Yammer Feed in HTML Portlet

    Posted 02-10-2017 08:46 AM

    We are able to get the Yammer feed visible in a HTML portlet, but first after clicking on the CA PPM Refresh icon.

    The HTML-portlet is in the landing page and our intention was that users would see PPM-related communication directly they log in.

    Have tried with IE11, Edge, Chrome and PPM 13.3 and 15.1. Same issue in all of them.

     

    This is the code we are trying:

     

    <div id="embedded-feed" style="height:600px;width:800px;"></div>
    <script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_embed.js"></script>
    <script type="text/javascript">
    yam.connect.embedFeed({
    "network": "wartsila.com",
    "feedType": "group",
    "feedId": 7262563,
    "config": {
    "use_sso": true,
    "header": false,
    "footer": false,
    "showOpenGraphPreview": false,
    "defaultToCanonical": false,
    "hideNetworkName": false,
    "promptText": "What do you want to share related to Clarity?"
    },
    "container": "#embedded-feed"
    });
    </script>