<!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>