{"id":8376,"date":"2019-04-30T05:22:06","date_gmt":"2019-04-30T05:22:06","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=8376"},"modified":"2019-05-03T13:40:52","modified_gmt":"2019-05-03T13:40:52","slug":"addthis-support-integration","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/addthis-support-integration\/","title":{"rendered":"How to Integration AddThis Social Share in AMP"},"content":{"rendered":"\n


AddThis is the world’s largest content sharing platform. It provides tools that make it easier to share content across the social web including Facebook, Twitter, WhatsApp, and more. We have created compatibility with AddThis in our AMP plugin. <\/p>\n\n\n\n

Follow the steps below to add AddThis Share Buttons in your AMP.<\/strong><\/p>\n\n\n\n

Step 1: <\/strong> If you haven’t registered yet then first create the AddThis account https:\/\/www.addthis.com\/register<\/a> <\/p>\n\n\n\n

Step 2: <\/strong>In AddThis dashboard click on AMP option like the below screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Scroll down a little to see this <script> <\/p>\n\n\n\n

Step 3<\/strong>: If you are using our plugin then no need to add this <script> in the <head> tag. Once you enable this option No need to add manually this <script> in <head> tag. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4:<\/strong> Go to AddThis account and copy the “data-pub-id” and “data-widget-id ” like this below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 5: <\/strong>Copy this Pub-ID and Tool ID from AddThis Account.<\/p>\n\n\n\n

Step 6: <\/strong>Next go to your WordPress Admin Area <\/strong>-> AMP option panel<\/strong> -> Design <\/strong>-> Social<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 7: Position: <\/strong>By using this option you can select the position of AddThis where you want to display AddThis in AMP pages single Sidebar (left side), Above content and below content.<\/p>\n\n\n\n

Step 8:<\/strong> Enter Pub ID: <\/strong>Paste this Pub-ID from AddThis account.<\/p>\n\n\n\n

Step 9:<\/strong> Enter <\/strong> Tool ID: <\/strong>Paste this Tool ID from AddThis account. <\/p>\n\n\n\n

Step 10: <\/strong>Click on the Save Change Button.<\/p>\n\n\n\n

The Output of AddThis Share Button.<\/strong><\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t