htmladdthissocial-mediasharethis

Applying AddThis buttons


I want to add AddThis, social bookmarking service, to my site. I followed the instruction on the site. There is an option where you can select your own services and customize the order.

enter image description here

I selected facebook, twitter, google, linked in, pinterest and whatsapp.

As instructed, I added

<script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53353be15c66b7b4" async="async"></script>

inside the head tag just before closing.

Then, where I need the buttons to show, I added

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
    <a class="addthis_button_preferred_5"></a>
    <a class="addthis_button_preferred_6"></a>
</div>

The end result:

enter image description here

It shows a few buttons that I haven't selected.

I must be doing something wrong and spent the whole day looking into it. Can you help.


Solution

  • Not Seeing the Buttons You Expected? It’s Because Smart Layers are Personalized

    One of the key features of our new Smart Layers is something you can’t actually see. All the share buttons are personalized to each visitor. This makes it much more likely that people will share your site.

    -source: http://www.addthis.com/blog/2013/07/30/not-seeing-the-buttons-you-want/

    So basically what it means is that if a particular user is know to use a particular social service more, only those buttons will be shown to that person. Filtering appears to be done at a low level.


    Have a look at other similar services.