How to add Floating Social Buttons – Google+1, Facebook-like & Twitter
“Ooooohhhhhh Ahhhhhhhhh!” The magic floating Social Buttons on those big websites… How do I get that?
A magician never reveals his tricks but I will – I’ll do anything for a few likes (OK, almost anything).
Social sites and Google +1 (Plus one) are now, more than ever, an important part of SEO and, per Google, can boost your SEO and PPC search rankings as well as increase word of mouth among public. Google has now added these social indications (or “likes”) to Google Analytics as well as Google Webmaster Tools.
Per Google, the +1 (Plus One) button can now benefit your organic and paid search results and this can be implemented along with Social Sharing Buttons to allow visitors to share content across intended pages. Here’s the code:
NOTE: You can change positions with any of these codes by switching out the code after the ‘fixed;’ code above.
(TOP RIGHT USE:) margin-top:1%; margin-left:93%;
(TOP LEFT USE:) margin-top:1%; margin-left:1%;
(BOTTOM LEFT USE:) margin-top:20%; margin-left:1%;
(BOTTOM RIGHT USE:) margin-top:20%; margin-left:93%;
You can also place the buttons side-by-side by replacing the “<br/><br/>” with “ ”
Optimize the Google +1 (Plus One) Script
The fastest of the Google+1 plusone code the “Explicit Render” Script is up to 5X faster than the Standard button & interestingly enough this may present the opportunity as well – in terms of enticing users to click on the button. For example, using this Render script – you can also put information behind the +1 button (+1 for more…)
1. Much faster load time.
2. Can be used with a collapsible div in order to entice clicks.
1. Requires two clicks – in order to actually +1 the item desired.
2. Places an external call to the Google Server.
3. Can take up to 3 seconds to render the Plusone button after clicked.
I hope I helped you out. Hey give me a Plus One? Just testing it out…