How to add multiple 'AddThis' instances on a single page linking to different pages ?

By default when you add 'AddThis' widget on a page, it shares the page you put it on. When you want multiple 'AddThis' widget on a page, linking to different pages, then you need to use some extra parameters in order to have multiple instances linking to different pages. These parameters are :-

  • addthis:url :- This parameter is mandatory and refers to the URL of the page to share.
  • addthis:title :- This parameter is optional.
  • addthis:description :- This parameter is optional.

For example,

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
  <a class="addthis_button_facebook"
     addthis:url="http://www.nepalipaisa.com/NewsDetail.aspx/id/30075"
     addthis:title="अस्तित्व नै मेटिएका कम्पनी पनि सूचीकृतकै दर्जामा, किन भइरहेछ यस्तो गडबडी ?"
     addthis:description="अस्तित्व नै मेटिएका कम्पनी पनि सूचीकृतकै दर्जामा, किन भइरहेछ यस्तो गडबडी ?"></a>
  <a class="addthis_button_twitter"
     addthis:url="http://www.nepalipaisa.com/NewsDetail.aspx/id/30075"
     addthis:title="अस्तित्व नै मेटिएका कम्पनी पनि सूचीकृतकै दर्जामा, किन भइरहेछ यस्तो गडबडी ?"
     addthis:description="अस्तित्व नै मेटिएका कम्पनी पनि सूचीकृतकै दर्जामा, किन भइरहेछ यस्तो गडबडी ?"></a>
  <a class="addthis_button_linkedin"
     addthis:url="http://www.nepalipaisa.com/NewsDetail.aspx/id/30075"
     addthis:title="अस्तित्व नै मेटिएका कम्पनी पनि सूचीकृतकै दर्जामा, किन भइरहेछ यस्तो गडबडी ?"
     addthis:description="अस्तित्व नै मेटिएका कम्पनी पनि सूचीकृतकै दर्जामा, किन भइरहेछ यस्तो गडबडी ?"></a> 
</div>
 

Note: Don't forget to put essential social meta tags in the individual pages for a better sharing experience.

For further detail check the following references:

https://vyeung.wordpress.com/2010/12/20/multiple-addthis-instances-on-same-page-linking-to-different-url-or-page/

https://www.addthis.com/academy/customizing-the-addthis-toolbox/

https://css-tricks.com/essential-meta-tags-social-media/

Comments (1) -

Add comment