Skip to content

Instantly share code, notes, and snippets.

@brianly

brianly/ogbuttons.html

Created January 26, 2017 02:11
Show Gist options
  • Save brianly/a20e2fa3334053187fff3dec5ad93415 to your computer and use it in GitHub Desktop.
Save brianly/a20e2fa3334053187fff3dec5ad93415 to your computer and use it in GitHub Desktop.
Download ZIP
Sample code illustrating how to use the Yammer Open Graph buttons to post to the activity stream. These use the objectProperties to post useful information with the object.
Raw
ogbuttons.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Open Graph Buttons</title>
</head>
<body>
<script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_embed.js"></script>
<script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_social_buttons.min.js"></script>
<div id="block_container">
<!-- like -->
<div id="yammer-like"></div>
<script type="text/javascript">
yam.connect.actionButton({
container: "#yammer-like",
network: "mod526163.onmicrosoft.com",
action: "like",
objectProperties: {
title: "Like button custom title.",
description: "Like description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar erat mauris, sed aliquam erat accumsan non. Quisque a laoreet nunc. Cras volutpat magna id purus feugiat commodo. Maecenas porttitor quam nec sapien mattis ullamcorper. Proin a pellentesque metus. Curabitur tempor convallis ipsum at consectetur. Morbi interdum est in orci commodo, vitae blandit eros tempus.",
url: location.href,
type: "file",
image: "http://www.brianlyttle.com/images/sched-do-signin.png"
},
});
</script>
<!-- follow button -->
<div id="yammer-follow"></div>
<script type="text/javascript">
yam.connect.actionButton({
container: "#yammer-follow",
network: "mod526163.onmicrosoft.com",
action: "follow",
objectProperties: {
title: "Follow button custom title.",
description: "Follow description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar erat mauris, sed aliquam erat accumsan non. Quisque a laoreet nunc. Cras volutpat magna id purus feugiat commodo. Maecenas porttitor quam nec sapien mattis ullamcorper. Proin a pellentesque metus. Curabitur tempor convallis ipsum at consectetur. Morbi interdum est in orci commodo, vitae blandit eros tempus.",
url: location.href,
type: "file",
image: "http://cdn.brianlyttle.com/images/python-powered-w-140x56.png"
},
});
</script>
<!-- share -->
<div id="yj-share-button"></div>
<script type="text/javascript">yam.platform.yammerShare();</script>
</div>
<!-- from sample -->
<style>
.yj-default-share-button {
height: 25px !important;
width: 102px !important;
}
a.yj-default-share-button:hover, a.yj-default-share-button:focus{
background-color:#264f8c;
border-color:#264f8c;
}
.yj-yam-spittle {
vertical-align: bottom !important;
zoom: 1.2;
margin-top: 0px;
margin-bottom: 0px;
}
span.yj-share-copy {
font-size: 1.2em;
top: 3px;
}
#block_container {
text-align: center !important;
}
</style>
<br />
<div class='vw-seperator-line'></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment