alex sysoef
expert wordpress

Google +1 Button For WordPress

Google +1 button is the next big thing everyone in SEO community was waiting for and since now available - here is how to add it to your WordPress blog, while we are waiting for a properly coded plugin to be released.

google plus one button

Just follow this simple tutorial to have your very own Google +1 button and if you like it, do be sure to use the social media sharing options, +1 is available (hint)

While it remains to be seen if +1 will gain momentum or not – Big G DOES plan to use it as one of the indicators of your blog or site authority, so it would be a waste not to implement it. Since this is so new – no WordPress plugins available at this point so in this tutorial I will show you how to easily add it via theme modification, if you don’t feel like waiting and want to get ahead of your competition.

Step 1 – Access Google +1 Button Creation Interface

Simply navigate to Google +1 button creation page and choose what fits your needs, in this tutorial we will be using “Tall” button, just as you see on this page:

google-plus-one-button-creation

As you can see there are two pieces of code you need to implement into your theme, which is what we will do in next steps.

Step 2 – Edit Footer Template

Access Appearance->Editor->footer.php and open it for editing. Add first piece of code right before closing </body> tag, as shown in image below:

edit-footer-file

Save changes and move to step 3…

Step 3 – Add +1 to Your Posts Or Pages

Quite frankly – I personally concentrate on posts and this is what I will cover. Once again, navigate to Appearance->Editor->Single Post template (single.php)

While this file can quite differ from theme to theme, what we need to find is constant. Find this piece of code:

the_content

It could be wrapped in something else but it doesn’t matter, just paste second part of code you got from Google wrapped into division, like this:

<div style="float: right; margin-left: 10px;"><g:plusone size="tall"></g:plusone></div>

See image below on how its done on this blog:

edit-single-template

Save the changes.

You are done! If you are using any caching plugins – empty cache and enjoy your brand new Google +1 Button on WordPress. Share your comments and don’t forget to click those social buttons if you like the guide!

Update – Google +1 WordPress Plugin Is Now Available

06/03/11 – I just checked and as expected – there is a nice and fully functional WordPress plugin now available for you to implement this functionality:

Google +1 WordPress Plugin

Just install, activate and configure as you see fit for your blog.

Tags: , , , ,

About The Blog Author

Alex Sysoef is an IT Consultant, Internet Marketer and ProBlogger who shares his passion and knowledge of WordPress, SEO, Social Media and traffic strategies on his blog WordPress Howto Spotter. Connect on Twitter or Facebook

41 Responses to “Google +1 Button For WordPress”

  1. Bjorn
    Twitter:
    says:

    Thanks for the code. The +1 can be usefully for SEO also on the future. I am sure Google will pay more and more attention to social signals..
    Bjorn recently posted..Tweet big twitter management tool review

  2. As I just mentioned on another blog, I think it will be way to easy to abuse, I’m kinda hoping it goes away quietly.
    Dennis Edell@ Direct Sales Marketing recently posted..Do You Schedule Posts Always Double Check Before Publishing

  3. Bjorn
    Twitter:
    says:

    Your right, a feedproxy link is not the best solution. I looked at your guide, and it looks like the right thing to do. I can’t a access feedburner right now but I will fix. Thanks a lot for the tip:)
    Bjorn recently posted..My 5 worst blog mistakes

  4. I think Google have a lot of catching up to do with Facebook and Twitter. I’m certainly going to be watching the take up of +1 very closely.
    Peter Sundstrom recently posted..Comparison of On-Page SEO Plugins for WordPress

  5. Bjorn Johansen
    Twitter:
    says:

    well, you found a fix to a problem the feedburner caused. And I think that is great. Now my links are showing right… By the way, the reply mails from the comments here are not giving clickable links.
    Bjorn Johansen recently posted..Tweet big twitter management tool review

  6. Jim says:

    Thanks for the post (and for the comments!). I’ll try it
    Jim recently posted..Career path choosing

  7. John Winson says:

    As mentioned in above comments, this system can easily be abused. Website owners can easily change proxy’s, will vote and rate themselves and can even ask their friends to vote for their site.

    I really don’t like this system but I must say thanks for thanking your time to write this comprehensive tutorial and your update on wordpress plugin.
    John Winson recently posted..Cash Renegade Review

  8. Chris says:

    Here’s my biggest beef with the +1 button – it’s not intuitive to click on. I understand Google’s need to get with the social craze, but I think this might go the way of Google Wave. Facebook’s “Like” button is so simple and it takes no thought whatsoever. The +1 button doesn’t carry that same feel – at least to me.

    • TheSpotter says:

      Chris,

      “Like” became intuitive only when facebook became popular and people got used to clicking it. If it gets a widespread adoption – it will become just as intuitive.

  9. Jimmy says:

    I´ve added it on my blog yesterday, because it´s gonna have a big impact on serp and the rank on Google.

    But the fact that it has an impact on those thing might be it´s downfall, due to some ppl will try to manipulate it. But as Peter also writes they need to do somthing to catch up with fb, twitter digg and so on.
    Jimmy recently posted..What are natural link building

  10. NotCathy says:

    I’m sure this would really helpful to us in doing SEO and and the application woul be helpful too.. Thanks for sharing..
    NotCathy recently posted..Perfect Micro Crisper Review We’ll See About That!

  11. They had something like a ‘Buzz’ button sometime back right? I think social bookmarking and liking has no end anyhow. Any number of introductions are going to survive. We already have 10 or 15 popular ones.
    Ajith Edassery recently posted..Google Sniper

  12. Karan says:

    I just hope that it doesn’t goes that way, because then the newcomers will stand minimal chances of actually getting their content ranked in search engines.

    But as per the introductory video, it seems that we’re in an indirect way, going to be affected by this.
    Karan recently posted..Tops 5 must-have apps for your Motorola Xoom Tablet

  13. Which one do you suggest? Edit the theme to add the Google +1 Button or just use a plugin?
    Dean Martin recently posted..Funny Weird News- Police Shot an Alligator but It’s Fake

    • TheSpotter says:

      Dean,

      That depends on your level of comfort with editing themes. I used a hard code into theme to avoid yet one more plugin but I don’t mind editing themes.

  14. Shaun says:

    I Think Google +1 Button will change the whole scenario of indexing pages…..

  15. Tomer says:

    Google +1 just looks to me like a desperate attempt by google to be more like facebook. There are more and more things that webmasters are asking people to click on every day. How many people are really going to like a page, then click the +1, the click the stumble button, then digg,etc etc…

    just another button to clutter up pages imo

Trackbacks/Pingbacks

  1. TheSpotter says:

    Google +1 Button For WordPress http://ping.fm/BcOat

  2. SusanCarroll says:

    From @TheSpotter Google +1 Button For WordPress http://bit.ly/jSTkTg

  3. Quora says:

    Google +1 Button for WordPress…

    Google +1 button is the next big thing everyone in SEO community was waiting for and since now available - here is how to add it to your WordPress blog, while we are waiting for a properly coded plugin to be released. http://www.howtospoter.com/web-20/

  4. Mark Ledden says:

    Google +1 Button For WordPress http://dlvr.it/Tpdsb

Leave a Reply

Comment Guidelines: All your links are DoFollow links. No Keywords In Name. No inappropriate or offensive comments. No links to inappropriate or offensive sites. Comments must contribute to the discussion. ALL SPAM DELETED!

Comments Manually Approved prior to appearing!

CommentLuv badge

Notify me of followup comments via e-mail. You can also subscribe without commenting.