You all must be aware about facebook pages , recently Google+ also launched Google+ pages . Google+ now lets you create Google Plus page badge similar to facebook page badge . In this post I will be discussing how you can install Google Plus page badge on your wordpress and blogger blog .
If you don’t know how to create a Google+ page read Google Plus page and its benefits .Before going ahead with the installation we need to know the page ID of your Google+ page . You can get it by going to your Google+ page . In the URL of your page you will find the page ID as marked in the below picture .
Installing Google Plus Page badge on WordPress through plugin
The easiest way to install Google Plus page badge on your wordpress blog is by using a plugin . You can download Google Plus Badge Direct Connect plugin or you can just add it from your wordpress dashboard . After you have activated the plugin , go to ‘Appearence–> widget’ menu . From there you can drag it to place it at your desired location in your blog . You can also adjust its settings from there .
Installing Google Plus Page badge on WordPress manually
The use of more plugins is not favorable for the speed of your wordpress blog . You can install Google plus badge manually also . For this go to the Google+ platform developers page . Select your style and generate the code . The code will have two parts . It will be similar to the below code .
<!– Place this tag in the <head> of your document–>
<link href=”https://plus.google.com/116466978963347365703″ rel=”publisher” /><script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script><!– Place this tag where you want the badge to render–>
<g:plus href=”https://plus.google.com/116466978963347365703″ size=”smallbadge”></g:plus><script type=”text/javascript”>gapi.plus.go();</script>
Copy the first part of the code that is
<link href=”https://plus.google.com/116466978963347365703″ rel=”publisher” /><script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
and paste it before the </head> tag in the header.php file
Now copy the second part of the code where you want to display the badge . You can place it either by using the text widget or you can paste the code directly in sidebar.php file wherever you want to display the badge .
Installing Google Plus Badge on Blogger Blog
Go to the Google+ platform developers page . Select your style and generate the code . The code will have two parts .From you blogger dashboard go the ‘Design’ page and click on edit html , then place the first part of the code before </head> and save it .
Then go the the page element tab and click on ‘Add a Gadget’ where you want to install the badge . Select the html/javascript gadget and place the second part of the code and save it , google+ page badge will then appear on your blogger blog .
Thanks! Very helpful, but I notice that you don’t have a google plus page. Is it worth it? I think if there is no easy plug in for it (they are all pretty bad right now), maybe it is because nobody is using it. I’m going back and forth on it. I have the page, but do I need to publish the fact that I have a page? I can also make my own badge I suppose with the link…
Hmm, thoughts?
We do have google+ page , the sidebar social box widget has google plus page link . I have mentioned the wordpress plugin for it .
Ah yes, I see the link now (small!) Yeah, I tried that plug in but the size is too big for my side bars and I don’t want to redesign the sites just because of google plus.
I did find a nice solution to it though. I have AdRotate already installed, but that isn’t even needed. I just uploaded an image of google plus icons I found for free, and linked it to my google plus page. I can pick the size so I’m quite happy with that option for now. You can see it on my site swedishfreak.com.
But in any case, great post, very helpful! Even if I was lazy to edit the header.php and came up with a different solution
The width is a main problem with many wordpress themes. Another is the bad-looks. Hope G+ will give some consideration in the near future.
Hilary,
For wordpress, here’s an alternative badge which can fit small sizes too.. Its not the official one though -
http://wordpress.org/extend/plugins/gplus-badge/
Can you tell me how to change we’re word with site name in google plus badge
Awesome than you for the info. I hate editing theme you never know when they’ll update it this plugin will help a lot.
Thank you again
Thank you for the great tutorial! I spent almost an hour trying to figure this out before I came here.
I ended up using the code snippets in my theme, for they allow more customization. I’m glad you included them. Apparently you can choose to make the Google plus badge for either your website or your Google plus page.