30. Interactive Posts
Button fields
• Content URL
• Client ID
• Prefill Text
• Call to Action Label
• Call to Action URL
#socialmetadata @mike_arnesen
31. <head>
<!--OpenGraph and Rich Pins-->
<meta property='og:site_name' content='Your Site'/>
<meta property='og:type' content='article'/>
<meta property='og:title' content='A Title Optimzed for Social Engagement'/>
<meta property='og:description' content='Social metadata you say? Click here to read more.'/>
<meta property='og:url' content='http://www.yoursite.com/blog/social-metadata/'/>
<meta property='og:image' content='http://www.yoursite.com/blog/social-metadata.jpeg'/>
<!--Twitter Cards-->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@brand"/>
<meta name="twitter:creator" content="@personal_handle"/>
<meta name="twitter:description" content="Social metadata you say? Click here to read more."/>
</head>
<body>
<!—Google+ Interactive Post-->
<button class="g-interactivepost" id="myBtn"
data-contenturl="http://www.yoursite.com/blog/social-metadata/"
data-clientid="XXXXXXXXXXX.apps.googleusercontent.com"
data-cookiepolicy="single_host_origin"
data-prefilltext="Check out this post on social metadata and DOWNLOAD this whitepaper!"
data-calltoactionlabel="DOWNLOAD"
data-calltoactionurl="http://www.yoursite.com/lead-gen-form/">
<span class="icon"> </span>Share this post on Google+!
</button>
</body>
#socialmetadata @mike_arnesen