Now You Can Add The New Google +1 Share Button to Thesis

by Derek Halpern · 25 comments

Big news today.

Google released the official Google +1 share button that you can implement on your website.

This is a big deal.

While it’s not clear how this will affect search rankings, it’s by Google, and I’m sure they’ll consider the Google Plus One button into their search algorithm.

So, now’s the time to implement this share button on your site.

And if you’re using Thesis, it’s extremely easy.

Just follow this Google +1 button tutorial.

About the Author: Derek Halpern ran marketing at DIYthemes, and is the founder of Social Triggers. To get more tips on how to be confident, sign up to his list here.

If you enjoyed this article, enter your email below to get free updates!

{ 25 comments }

Rob @ Atlanta Real Estate

pretty sweet, thanks.

Ivete

This is a great basic tutorial, but the button would be better implemented if you were to use the href= parameter with get_permalink() so that the post or page gets +1’d directly instead of the whatever URL the person happens to be on when they click the button. That’s how I’ve implemented my FB and Twitter buttons and how I’ll be adding the +1 on my own sites =)

Dick Jordan

Hmmm…your tutorial is just a little too “geeky” for me. Tried to follow it, but while the button appears, it is above the post of the text, rather than to the right with text wrapping. Not sure how to fix this. Not a big deal. It’s above the “Like” button.

Also, the +1 button only appears when the full post is showing (after one clicks on “Read more….”), not before. Not sure if there is a fix for that.

Finally, when I mouse over the button it shows my “personal” Gmail address, rather than the one that is associated with my site. Not sure how to change it.

Martin Malden

I’ve tried a couple of ways to get this going but cannot.

Following your tutorial, I used option 2 for the plusone script (Site options > Stats/Software Scripts) and then copied/pasted the code in your tutorial for the button into the custom functions file (and custom css file) for placing the button – but no button!

Trying a different method, I copied the code I already use (and which works) in the custom functions file for Facebook and Twitter buttons, edited it to replace the FB and Twitter code with the plusone code, and pasted it back into the custom functions file as a new entry – but still no button!

I did start a thread in the forum, so no doubt Godhammer, Girlie or Phil will ride to the rescue.

Otherwise – it’s a great idea 🙂

Cheers,

Martin.

gt

Curious how the Google script disables the “Facebook Like Button for Dummies” plugin. Anyone?

Ahmad Wali

Hello,

There is error in code where the link resource for adding Plus one button. After copy pasting this error

Fatal error: Cannot redeclare google_plus_one_integration() (previously declared in /home/ebestcar/public_html/wp-content/themes/thesis_181/custom/custom_functions.php:539) in /home/ebestcar/public_html/wp-content/themes/thesis_181/custom/custom_functions.php on line 548

Godhammer

This suggests you have the first function pasted more than once in your custom_functions.php file contents.

Dick Jordan

Martin,

I used option 2 and, at first, got no +1 button.

But, when I followed Step 2 (Visible Button), and edited both the custom_functions.php file and then inserted
“.custom .my-plus-one { float:right; }” into the custom.css file, the button appeared (albeit above the FB “Like” button).

Martin Malden

Thanks Dick,

I eventually got it sorted out by adding it to an existing function and then re-styling it (the function)

Cheers,

Martin.

Dick Jordan

I figured out why when I mouse over the button it shows my “personal” Gmail address, rather than the one that is associated with my site. (See my initial comment to this post).

If (as I do) you have more than one Gmail/Google account, the one that displays when you mouse over the +1 button on a Website/blog post is the one that you are currently using (or made last used) to log into your Gmail/Google account. It has nothing to do with the way you set up the +1 button on your own site.

Godhammer

Correct — from a user or visitor standpoint, the +1 component keys off the Google account you are logged into at the time of clicking the +1 button.

Mark

This is a strange argument Derek. You say:

Google has this new thing.
I don’t know what it is.
Google has this new thing.
You’d better get it too.

You do suggest that it will improve rankings, (people don’t read and don’t see “not” easily).

From the comments above, it looks like people take your advice seriously.

Thanks for bringing this to our attention. I’ll wait and see with it is.

Arra

Hi, I’ve been installed Google +1 on my blog, just edit the plugin social floating 😀 then replace Google Buzz button.

aw, Thanks for this instructions.

peter

For those who use Worpress and Thesis, the Wordpress plugin AddThis was upgraded today. It offers one option to display the Google +1 button. If you take that option, the plugin adds the necessary code itself.

Mezanul

Superb!

I did implemented the +1 button myself yesterday but it was not looking that nice. Thanks to your tutorial, the +1 button now appears nicely as you have shown in the screenshot. 🙂

Ken Main

You da man, Derek!

Joe Manausa, MBA

Derek, awesome (and simple) tutorial. I knocked out option 3b in less than 15 minutes and it is working great! Thanks and keep ’em coming.

karen

Hi Derek,

Awesome tute, as usual. Thank You.

I added the button to 3 sites I manage. I am trying to align the button all the way to the right, to be flushed with the fb share button, but can’t seem to figure it out. I added the ….{float:right} in custom.css but it’s not exactly lining up with with the existing fb button. I even tried adding the {margin:0} that fb button uses but no avail…..

Any suggestion?

Sreejesh @techgyo

Cool! Google Buzz was a waste. 1+ is going to be a lot better..

DJ

How much of a difference does adding it right to Thesis make versus doing it through a +1 plugin?

Chris Pearson

DJ, the primary difference is that if you add the +1 button via Thesis, you’ll have one less plugin to worry about.

Nik

I used option 2 and it works. Is there a way to see who clicked it?

Thanks,
Nik

Rajesh@Tips and Tricks

I would like to install Google +1 on my blog, thank you very much.

Carl

Chris and Derek,
How did you guys get your social icons off to the side of each post. I’m not sure what code to use, or if you used a 3rd sidebar, or something. I’d like to setup something similar, but I don’t have much idea where to start. Any pointers would be appreciated. Thank you.

Bick Dorfdan

Chris and Derek,
How did you guys get your social icons off to the side of each post. I’m not sure what code to use, or if you used a 3rd sidebar, or something. I’d like to setup something similar, but I don’t have much idea where to start. Any pointers would be appreciated. Thank you.