How to add Google +1 (Plus One) share button in my website / blog?


How to add Google +1 (Plus One) share button in my website / blog?
Read this post to learn how to place Google+ profile (Add to circles button) on WordPress blog sidebar

Finally Google publicly announced +1 (Plus One) share button and few details about their partners. +1 may become a game changer as it may alter your Google result page link positions according to your Gmail Contacts’ share preferences.

If you’re a webmaster, you can get the +1 button code and learn more about implementation on Google’s +1 webmaster site. I thought I would share the same code with you and give you some more options to play with.

How to add Google +1 in any website (non-specific link)

1
2
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
1
2
<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>

How to add Google +1 in any website (specific link)

To place the +1 share button with a specific link, you will need to share the Advanced Options. Just replace the YOUR_WEBPAGE_LINK variable with the page link.

1
2
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
1
2
<!-- Place this tag where you want the +1 button to render -->
<g:plusone href="YOUR_WEBPAGE_LINK"></g:plusone>

How to add Google +1 in your WordPress blog

I’ve not found any plugin to place the share button for WordPress yet. Until any plugin is available, you can always manually edit your WordPress source code and place the button code.

1
2
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
1
2
<!-- Place this tag where you want the +1 button to render -->
<g:plusone href="<?php echo get_permalink(); ?>"></g:plusone>

Finally…

Backup the file before you try to change your source code. Google said they will allow webmasters to see the sharing statistics soon.

Let me know if you have any problem in placing the +1 share button.

Thank you πŸ˜‰

Regards,
Jinnat Ul Hasan

By | On Thursday, June 2nd, 2011 | Under How To's | 28 Comments Β»


DO YOU NEED OUR HELP?

Contact our experts, most of the time we assist our readers free of charge.

Those who found this page were searching for:

  • plus 1 link
  • google plus link on website
  • add google+ share tag
  • google+ button change image
  • how to add google+ on my website ?
  • my add with google
  • add google+ link to website
  • DIRECTLY POST COMMENTS TO google plus from my website
  • share button g+ site
  • add share google plus on website
  • Hi,
    Thanks for your nice help. Just I have added the share link to my website’s Home page. If you visit my site I will be very happy. Thanks again.

  • The Google + button only appears online.
    I had the same problem when I tested it offline, so
    you have to move it on a page which is online!

  • Eli

    How to add Google +1 in any website (specific link)

    Thanks!

  • Hi,

    I pushed the Google +1 button on my website. The code is valid HTML 5. But I have the problem because when the text is strong Google +1 doesnt apply the style and remove the space. I use singlepic from the plugin nextgen gallery and when I share a page, Google +1 push the altenative text or title text from image.

    Can you help me please.

  • sam

    how to auto share my blog post on google plus ??

  • envy

    Hello. I tried all possible solutions but the +1 button is not visible. I am using Adobe Dreamweaver and my site is still “offline”. The +1 button won’t show. Fb and Tweet button are visible.

  • The Google +1 button is similar to the facebook like button. However, I think the +1 button will dominate as the Google+ network grows.

    Also, I found out that you can even buy +1 now on sites like http://plussem.com and http://plusonefans.com

    What do you think about this?

    • I not really into buying links, +1 or Links. Thanks for sharing anyway.

  • Ok this one might be a bit too crazy for me! LOL I actually added the +1 to my site using a plugin which made it very easy.

    • Hi Joshua,

      I published the post when +1 just released and there was no plugin for WordPress. I’m quite sure there are many plugins available for WordPress now. I tried a plugin by @wpmudev, that didn’t work for me. I asked for assistance via Twitter, didn’t receive any response πŸ™‚

      Thanks anyway.

  • Rit

    Hi
    I did what they said step by step. Do it over and over again. I cannot see Plus 1 button on my page when I test it.
    I cannot figure out how as I did follow what the google said.

    Could you help to explain the possibility why it won’t show on my actual page.

    Thank you so much

  • Pingback: qcmississippimud.com()

  • Thanks for this,
    it was very easy to follow and implement,
    i have one problem, in the +1 page of google+
    there is no thumbnail.
    can you please explain how can i change this
    the page with the button:
    http://www.mohir-art.cpm/potd.php

    thanks

  • Hi… thanks for posting this information… not good with the code yet, created my website… cheated i suppose one could say… with… MyobAtlas.

    Tried this code many times, save it and nothing happens, same as with trying to add paypal logo ?
    Maybe i am simply doing something really wrong ? … obviously or can not do on my site ?

    Any help would be really nice ! πŸ™‚
    Kind Regards… Billy.

  • Jay

    How about if you want to use a custom icon for the +1?
    eg:
    [img]http://dl.dropbox.com/u/1220621/ico-google_plus.png[/img]

  • This is great tutorial, I shall bookmark it for future reference.

  • How much of a “game changer” do you all feel this will be, and can people only click on the +1 when they have a Gmail account?

    • It’s too early to predict, but the way searcing is becoming a major factor in SERP, we can hope this will have great influence.

      Yes, people logged in their Google account can only use +1 buttton and those links will be displayed in their Google Profile.

      Thanks for your comment.

  • Thank you. I have seen this in few websites recently and I wish to have that also.

  • dwarde

    Can i place it on my Sidebar?

    • Yes, you can place +1 button in sidebar. But you can’t place with php (#3) code.

      Thanks for your comment.

  • Where should i paste the code in my wordpress blog?

    • You need to change your source code by going to Dashboard > Appearances > Editor and place the code in either index.php or single.php depending on your theme.

      Let me know if you need further assistance.

      Thank you.

Previous post:

Next post: