<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <h1>Two Yammer buttons in one page</h1>
    <button class='button1'>Share example.com/button1</button>
    <button class='button2'>Share example.com/button2</button>
    
    <script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_social_buttons.min.js"></script>
    <script type="text/javascript">
      document.getElementsByClassName('button1')[0].addEventListener('click', function() {
        yam.platform.yammerShareOpenPopup({
          defaultMessage: 'Check out',
          pageUrl: 'http://example.com/button1'
        });
      });
      document.getElementsByClassName('button2')[0].addEventListener('click', function() {
        yam.platform.yammerShareOpenPopup({
          defaultMessage: 'Check out',
          pageUrl: 'http://example.com/button2'
        });
      });
    </script>
  </body>

</html>