Applying AddThis buttons

1
votes

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.

3
htmladdthissocial-mediasharethis
Are you testing this locally? I've had some issues with testing AddThis locally. Try adding it to a live site, clearing your cache and see what the result is. Also try an incognito*/*private tab. (Protip for disabling cache in a jiffy.) - Bram Vanroy
also make sure u have any adblocking extensions disabled. - Ashesh
@BramVanroy, on Xamp. - Daksh B

3 Answers

1
votes

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.

1
votes

Your problem is that you are manually setting the icons on your page. Considering you are selecting your services via the addthis.com website, simply add the following div element to your page, in place of your current addthis code:

<div class="addthis_sharing_toolbox"></div>

That div will get filled automatically with the services you selected from addthis.com, trust me on this one I got this.

1
votes

I am Elsa from the AddThis support team.

If you were using the default AddThis configuration it's using what we call Preferred Services. These are different for each individual based on their past sharing history and what services are most popular in our service. This is designed to make it easy for users to share to their preferred service and to increase sharing.

If you want to show up the dashboard configured sharing button in your website then Replace the below code 

<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>

with the below inline HTML code of that tool.

<div class="addthis_sharing_toolbox"></div>