Add plus one button to website

Add plus one button to website

01.06.2011

Now, today, the first of June, it is possible to add a plus one button (+1) to every website! Google announced that they release it for live use today, after a two months test period. (Yes, you have been able to test the Google plus one button already, but only for search results, not directly on websites.) Read on for finding out how to add the plus one button to your website!

How to add plus one button to website

You can go to this page on Google. There is provided a code that you have to insert on your website and your blog on the places where you want the button. It is very simple, just a simple javascript tag in the header of your page, and a custom Google code on the place where you want the plus one button on your website.

This is the code that goes into the header: <script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

This is the code that you insert where you want the +1 button to appear: <g:plusone size=”tall”></g:plusone>

Add plus one button to website, the Google plus one button

That’s it! The plus one button will now appear on your site! Like this you can add it on single pages and posts also in WordPress, but if you want a separate plus one button for every post on your blog page (often front page) you need to tweak it a little more. More about that here: Add plus one button to WordPress.

One thing to note, you have to be logged in to Google (Gmail for example) for being able to use the button. I added it to this blog now as well, you can try to plus-one this post by clicking on the button, it is on the top of the post, beside the Facebook- and Twitterbutton.

Also check the Google Plus social media.

 

Advertising
  • http://twitter.com/masterresellerh KK Bhardwaj

    thanks for sharing such a nice button 
    i was searching for this from 2-3days

    SEO Expert India

  • http://twitter.com/El_i eli levin

    (please delete this. posted by mistake)

  • CJ Johnson

    Thanks. I will put this to use in our web site relaunch. And… I +1′ed it.

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      Thanks for the +1..:)

  • http://www.dealpage.gr Jennifer

    Thanks for the info!  Looking to add the button to my site within the next few days.

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      Good! it is worth it! :)

  • http://www.comparemyfare.com Qpost2

    how to do this for a static site ?   tweet, like and plus

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      Info here: http://jonathanbjorkskog.com/add-plus-one-button-to-website

  • Guesta

    it is not xhtml valid!

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      So? Has that ever meant anything? Nothing on this site is xhtml valid, but people and Google likes it anyway..:)

    • Jon

      The g:plusone and fb:like tags are proprietary.  The only way to make xhtml pages validate and still use these tags is to replace div elements using javascript.  I’m using both the Google+ and Facebook buttons on my site in xhtml 1.0 strict and it validates just fine.  Ideally, it should also work in xhtml 1.1 and xhtml 5…but since IE is still stuck in the stone age with the xhtml+xml header, we can still serve 1.0 with the html header when necessary.  So IE 7 and IE 8 still work.

  • http://www.mactonweb.com web design bangalore

    awesome tips I agree with you great posting

  • http://www.jelbee.tk/ Jelbee

    why is google plus one doesn’t work starting from first of august 2011? 

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      It still works!

  • Aly M Badawy

    sss

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      Counts, and some visibility on Google plus, and maybe some improved rankings..

  • Douglas Garratt

    Thanks for this will be using over at http://www.webdesignhighwycombe.com thanks for sharing!

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      You´re welcome!

  • http://www.bgcomando.com Krasen

    I try to add plus one button to my joomla web site http://www.bgcomando.com , but nothing appears. I need something like plugin for joomla.

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      There are plugins for Joomla, just Google it..:)

  • Anonymous

    thanks! i was able to put it below the header. thank you so much!

    • http://jonathanbjorkskog.com/ Jonathan björkskog

      Great if you found it useful!

  • Anonymous

    used it here http://win7extremeblog.info thanks again!

  • http://insurancecoveragenow.com mark

    thanx a lot!!!

    been looking to a add this +1 on my wordpress!!!

    doing it now!!!

  • http://www.marathonm2m.com/about-m2m/management-information-system.aspx management information system

    Great to know the — in depth from this blog.This will really help for my forward steps to be taken.

  • Mario

    i added the plus one button to my site and then found this good website that sell google plus ones. I bought 100 plus ones and they gave them to me all fine! their support is also pretty good, so maybe some of u want to try them out too! The site is http://www.plusonesgold.com

  • http://twitter.com/Foto_clipping fotoclipping.com

    Do I need to add to home page only or at every page????

    • Jon

      Either.  If you want to use it on individual pages and have only those pages +1d indivdually, then you need to add the href=”http://yourdomain/youpage” to the g:plusone line or add link rel=”canonical” tag in your pages head tag.  Google+ is suppose to search for this tag when no href is supplied.

  • Gaurav Rai39

    how to add in blogspot

  • http://www.facebook.com/arviman Arvind Gopalaswamy

    The code you’ve given is obsolete (I tried it on March 2012). The link you’ve pointed to works though!

  • http://www.m2mdaily.com/research-and-markets/machine-to-machine-technology-minimizing-human-effort/ machine to machine technology

    I was searching from so many days this type of effort so Today I got it & now I will try add this button on my website ….

  • http://www.menswallet.co.uk/ Ted

    Does anyone know if having the +1 on a page gives Google the chance to monitor visitor info? eg number of hits, keywords etc?

  • http://www.register-web-domain.in/ Domain registration

    Thanks for offering information Great work keep sharing

SEO, Facebook tricks and all kind of online awesomeness!

This is Jonathans blog about SEO, Facebook tricks and WordPress. You can navigate the site through the categories above this. Be sure to subscribe to the RSS feed as well and like my site on Facebook. Welcome!

The one writing here:

Important information

This is the search engine optimization (SEO) and web tactics webiste/blog for Jonathan Björkskog, working at and co-owning Genero Digital Agency, a digital advertising agency based in Helsinki, Finland. If you searched for my Swedish blog, you find it here: jonathanbjorkskog.se.

That's one of my passions.

If you were searching for the other one, kitesurfing, you should check out my kitesurfing blog instead.

Follow on Facebook

Head over to the wall and send me all your questions about Facebook, SEO, or any other awesome topic on the internet!

Hosted at Bluehost

Premium SEO-Plugin

Brian D. Hawkins about SEOPressor:

It’s almost as if SEOPressor took those features from my checklist. I guess I’m old school but I have a checklist that I use when writing new posts. It’s pretty cool that SEOPressor helps automate some of those tasks and the check/remind feature is very nice. As usual I love your presentation.

http://hotblogtips.com/about

Click Here to Download
SEOPressor