Blogr-AMP for Social Shares

Theme Version: 1-0-0 & below...

Replacing default Blogger template social share buttons, Blogr-AMP Blogger template uses AMP HTML amp-social-share components & amp-social-share tags to let users share to most popular social media platforms easily.

By default, amp-social-share components has pre-configured the necessary page metadata for sharing to social media websites, which includes page images, URL & title.

However, non pre-configured social media platforms needs additional attributes, which Blogr-AMP Blogger AMP template already equipped with.

Location

---

Template HTML - Blog1

<b:includable id='post-shares'>

• Displays amp-social-share buttons below contents/posts

Tags

---

<amp-social-share type='twitter'/>
<amp-social-share data-param-app_id='1234567890123456' type='facebook'/>
<amp-social-share type='gplus'/>
<amp-social-share type='pinterest'/>
<amp-social-share type='linkedin'/>
<amp-social-share type='email'/>
<amp-social-share data-share-endpoint='whatsapp://send' expr:data-param-text='data:blog.pageTitle + &quot; - &quot; + data:blog.canonicalUrl' type='whatsapp'/>

Replace data-param-app_id values with Facebook App ID created at Facebook Apps webpage.

Styles (pre-assigned)

---

.post-shares {
  text-align: center;
  margin:16px 0;
}

amp-social-share { 
  background-size: 28px auto; 
}

Useful Reference

---

• AMP for Social Sharing: https://www.ampproject.org/docs/reference/components/amp-social-share
• Register & Configure a Facebbok App: https://developers.facebook.com/docs/apps/register