Google released Google +1 a few weeks ago and it is here to provide a type of “Social search” for any of your linked friends to your gmail account can see what you have “+1″ on a search and will display your name next to the search result page, check out http://www.google.com/+1/button/ for more info. today we would like to show you how to install the plus one on your yahoo store and align the button with Yahoo!’s social widget.
First off this will need some jQuery code for it to line up with Yahoo’s social share but we will give you all the code and if you have any issues comments are always open and we try to answer any questions.
The Google plus one code will grab the current URL of the page but you can specify the URL through Canonical or a href in the plus one tag, we will not show you how to do that but you can read the documents at the Google +1 site.
Variables -> Head-tags
First lets start at your stores head tags, we need to add 1 or 2 scripts, one script if you have jQuery code on your page and 2 if you don not.
jQuery code if you do not have it in your store:
And the Google plus one code:
One more item to add to the head tags, we need to add the code to place the Plus one to the social share bar, we need to add the jQuery that will reposition the plus one button.
Variables -> Copyright
Now before you hit update on your variables page lets add this code to the footer area, this can be placed in the copyright right under your copy right… make sure that your year is right.
<div id="plus_one"><g:plusone size="standard" count="true"></g:plusone></div>
OK, hit the update button and you should see some plus one action on your item pages and you will see the Google +1 right next to the twitter icon!
As always we are working with a STOCK Yahoo! store and not one that has been built by a developer, with a custom store you may need professional help but first try yourself to see if it works. Enjoy!
UPDATE! If you would like to use the RTML version checkout ollomedia.com