HowTo Add Google +1 Button in WordPress

Published On :

We’ve already talked a lot about the +1 Button. Right from it’s Introduction as the Like Button Killer to the Vote up for Search results type button. Like, other Google products even the +1 Button has attracted some critics. They say that the +1 Button won’t be as helpful or recommendation(al) as it sounds since the voting of search results can be easily manipulated. But Google is not as stupid as you think. That’s the reason they hire only qualified people in terms of experience and education to work on their products. It has crystal clearly stated in the answer to this question on the +1 Button’s FAQ page that; these recommendations or vote-ups are personalized.

Below is the quote containing the exact answer to that FAQ of whether the Google +1 Button will have any effect on the search results.

+1 helps people discover relevant content—a website, a Google search result, or an ad—from the people they already know and trust. Adding the +1 button to your pages lets users recommend your content, knowing that their friends and contacts will see their recommendation when it’s most relevant—in the context of Google search results.

To explain it, lets take an example. Suppose that you vote up a search result using the Google +1 Button while googling. Now, when your friend who has the same question in mind as you had; googles for the solution. Then he sees a list of results on the front page and he thinks which one to choose. With the help of your +1 or vote up your friend will easily be able to select that particular result and find a solution to his problem. So, indirectly your +1 or vote helped him get the solution. That is the basic idea of the Google +1 Button.

But you need to remember one important thing that for voting up a search result or an ad you need to be signed into your Google Account. Only then you can +1 things & recommend it to your friends or contacts. I hope you got the basic understanding of how the +1 button will work. If you’ve more doubts then kindly read my Introductory post of the Google +1 Button or visit the +1 Button’s Official FAQ page.

Now, let’s move onto the main thing i.e. to Add the Google +1 Button to your WordPress blog.

+1 Button

+1 Button Webmasters Page

Steps to Add the +1 Button to your WordPress posts

The process of adding the +1 Button to your post pages finishes within 6 – 7 baby steps as mentioned below.

  • Visit the Google +1 Button page.
  • Now, in the ‘Create a custom Button‘ section; select the button size you want and also the language from the dropdown.
  • Since we are adding the +1 Button in WordPress, you don’t need to fill the URL parameters located in the Advanced options. The reason for this is that, WordPress uses Canonical URLs and the +1 Button is functioned to get the URL of the page from the canonical field.
  • If you want the count to be displayed along side the +1 Button then Enable it.
  • Now, go to your theme’s Single page file i.e. Generally single.php. and paste this code
    <script type="text/javascript" src=""></script>
    just before the closing <body> tag.
  • You can also paste that code in the header.php file, but then it’s always good to include scripts at the footer section of your blog.
  • Now, paste this short code
    <g:plusone size="tall"></g:plusone>

    where you want the +1 Button to be displayed i.e. beside or above your posts.

Note:- I’ve chosen ‘tall’ as the size of the +1 Button, hence the parameter size is added to the short code. Similarly you can also add the parameter href for using a custom URL in the +1 Button.

Don’t wait further, just grab your +1 Button code after proper configuration and follow the above steps to add it in WordPress. Amidst the +1 Button, google launched a new service called Google Music which is currently limited to US users. I’ve made a HowTo post which will guide you to get the Google Music Invite outside US.

If you liked this HowTo post, then consider Subscribing to Our RSS Feeds / Daily Updates. Don’t forget to +1 this post as well.

So have you added the +1 Button to your WordPress posts ?

Share :
Tagged as : 31 Comments
About » Has written 231 Post(s) «

I'm a Web Designer/Developer, SEO'er and a Blogger who gives a few Blogging Tips in the form of posts/tutorials. Follow & Subscribe to my Blog if you feel it's worth it.


30 Comments Comments RSS

  1. #

    There is something wrong with this post, Mani. I see some special characters that are not displayed correctly.

    • #

      A Screenshot from your side would help Tuan. I’m seeing everything perfectly.

  2. #

    The +1 is going to be the strong contender against Facebook Like for a long time. Thanks for sharing…!

  3. #

    +1 would have more effect on Google as it’s powered by Google itself.

  4. #

    +1 is great way to get authority in Google’s eye so every online business should start using it effectively.

  5. #

    I hope Google +1 button will create a huge revolution in blogging :)

  6. #

    Pretty easy tute …added the medium sized +1 button floating towards right !! Awaiting to get some +1’s :-)

  7. #

    I am still not a huge fan of the +1 concept, I understand it but I feel like most common internet users will not grasp the +1 concept unless someone teaches it to them.


  8. #

    Social sharing is mainly for traffic, did you get anything from Plus one button ???

  9. #

    I just installed the +1 button on the blogs that I operate. It will be interesting to see what comes of it. I agree with Jean’s comment and think that anyone outside of the blogging/internet marketing world won’t quite grasp the concept for awhile. It’s not as intuitive as the Facebook “like” button.

  10. #

    There are plugins that make this whole process a whole lot easier, FYI

  11. #

    Well I see almost all blogger all this +1 button to their blog.

  12. #

    Errr… How many buttons are we going to have on our sites…

    Pretty coon we won’t have any content… Just like buttons. :)

  13. #

    Thanks for sharing this i am using thesis on my blog and my blog is new and i am taking time to set it up slowly by taking care any how i want to add this to thesis before post like yours can you share how to do that.

    • #

      Use the open hook editor and place the Google +1 Button’s code in the “before_post” option.

  14. #

    very helpful, thanks! :)

  15. #

    I think i will surely add this to my Blog. I will make it Google Proof. Lolzz… I think this Button is much needed for every Blog.

  16. #

    I have it. It sounds like a great idea from Google of the +1 button. However we have to keep in mind that Google Wave also sounded like a great idea. The thing is it may work if Google is learning with their mistakes. Those mistakes started when they let Orkut decline, they have to start thinking more social and less engineered.

  17. #

    Thanks I have Successfully Added Google +1 Button to my Blog after Seeing the Tutorial from here.

  18. #

    Hey thanks , I have put the +1 button now , but is it of any use?? I dont think there is alot of use, what do you say?

  19. #

    I understand it but I feel like most common internet users will not grasp the +1 concept unless someone teaches it to them.

  20. #

    Hello Mani ,What s the htlm code to create a button with link into categories on my wordpress blog?and how can I reduce the size ? Thanks

  21. #

    Are you using an older brower such as internet explorer 8. I found that it didn’t work until I switched to Google Chrome or IE9 then it displayed.

  22. #

    I have a blog site and recently signed up for Google AdSense. Where do I put the code I was given? How do I add the ads to the site?

  23. #

    Going to use the Google+ button in my blog also since your tutorial is user friendly.

  24. #

    Hi Mani thank you very much for your tutorial. I think I’ll used this google+ button, hope it will be increasing my ranking on google. thanks again

  25. Google +1 is not as simple as to the new user. But if you wanna know the latest of Google’s services you get excited because it is Google and you know what i am thinking. And I will think bloggers will add this +1 concept to their post for a change perhaps. We will see then what happen…

  26. #

    Awesome guide. Adding a Google+ button to a website has a lot of benefits on its side one, it help the site get more authority on Google search pages and others. I really love it. Thanks for sharing :)

  27. #

    Nice post. It is working on my blog :)

One Trackback

Post a Comment

Your email is never published nor shared. Required fields are marked *

Also, use your Real name in the 'Name' field. Comment names with only keywords will be trashed.