You may have seen the orange coloured AddThis buttons on blogs at some point while surfing the web. It’s a simple and clean. And now, you may now realise that trend in now towards having a fancy social floating bar as the one you see when scrolling down on this page.
What if you can combine both and integrate a good AddThis social sharing floating bar to your blog?
I do admit that there are couple of WordPress plugins out there which can offer you quick way to have social sharing floating bar such Digg Digg and Smart Sharing. With the plugin, you just have to install and activate. You will then have a good looking social sharing floating bar.
Even the plugins offer a quick way, they do not provide you in-depth analytics that provide detailed insight into your audience or readers and their activity.
With AddThis, it will unify all data sources in one roof to understand the impact of all of your social integrations. You can check the performance of different services such as Twitter, Facebook and Google Plus across all of your content.
AddThis can also tell you about different parts of your audience. You can now learn not only how your pages are shared, but who is doing the sharing, what they care about, and how you can tailor your article to each group.
Want to know more? Check out this page: Features - AddThis and video below.
How to “float” your AddThis buttons?
After you sign up with AddThis, head back to your WordPress admin and go to Theme Editor page (Appearance > Editor). Then you have to decide on where you want to have your AddThis Floating Social Sharing Bar as it will then determine which theme file you need to edit.
You have three options :-
- Main Page (index.php)
- Article page (single.php)
- Other pages (page.php)
You choose either one of these files or have Addthis in all of the areas. It is all up you.
Then paste the code below in theme file.
<div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="top:50px;left:50px;"> <div class="addthis_toolbox addthis_default_style"> <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span> <span><a class="addthis_button_tweet" tw:count="vertical" tw:via='HelmiAsyraf'></a></span> <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span> <span><a class="addthis_counter"></a></span> </div> </div>
With code below, you will now have floating Facebook Like, Tweet and Google Plus buttons in your blog. However, you have to make slight adjustment to the code below by changing the Twitter ID i.e. HelmiAsyraf to your own Twitter ID.
But, by only having this, it only allows you to have AddTis floating social sharing bar without AddThis’ analytics featur. To have it, keep reading ok?
Analytics for Your Sharing Tool
The process is simple. Just paste the code below in your footer.php file.
Be sure to replace YOUR PROFILE ID HERE with your Profile ID which you can find in your AddThis Profile Settings page.
I hope this helps you to have clean looking and well-featured AddThis floating social sharing bar that fits your specific needs. Feel free to share if there is any WordPress plugin that offers us floating social sharing bar with analytics. I’m eager to know. I’m sure others feeling the same too