For Social Shares

Replacing default Blogger template social share buttons, 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 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