Create a Google +1 button for an entire site

About a week ago, I posted about how Technology Bloggers now supports Google Authorship, so that writers can now claim posts as their own via linking them to their Google + profile. This article is also about the blog integrating further with Google’s growing social network: Google +.

Until recently it was not possible to create a sitewide Google +1 button, so that users could +1 your entire website; before you only used to be able to +1 the exact page you were on. However thanks to one of Google’s recent updates, it is now possible to +1 an entire site!

If you are a website/blog owner, then this article is probably going to be of particular use to you 🙂

I have recently added a sitewide Google +1 button to Technology Bloggers sidebar, which sits on the sidebar, next to our other social widgets.

Social media buttonsTo get a +1 button, you need to visit the Google +1 Button customisation page. There you can choose the style of your button, how big it is and the language used. What most people probably then miss is the ‘Advanced options’ link.

Advanced Options

If you click ‘Advanced options’, you get a whole new set of options drop down. One of these options is URL to +1. Usually when you place a +1 button on your site and a user clicks it, it +1’s that exact page. However if you enter your sites URL into the box and then get the code, when a user clicks your +1 button it +1’s your entire site.

Google +1 ButtonFor more information on the URL +1’d when users click your button, please see Google’s URL configuration explanation.

Sharing

When someone clicks +1, they will also be given the option to share the content/page to their circles. Usually Google will fetch the page title, and choose a selection of text and an image from the page users are currently on, however it is now possible to customise this too by customising the +Snippet.

Scroll down the page and you are able to select the type of page users are on, is it a local business, article, book, organisation, event, review etc.? You can also choose the title, description and image of the share. If you have created a sitewide share button, usually the button will offer users to share the current page, however by customising the +Snippet, you can make it so that your chosen title, text and image are what are shared, not the one Google automatically selects.

To implement the snippets you just have to add a few meta tags or some HTML code to your page.

Problems

One small problem I have come across when implementing this on Technology Bloggers is that you can’t successfully run 2 +1 buttons on the same page. That means that if you want to have a sitewide button, so users can +1 and share your homepage, and a button on every individual page, where users can +1 and share that page, it is not entirely possible.

The code of the button determines the URL to be +1’d, so it is completely possible that you can have 2 buttons, 1 for the page and one for the site, however the problem is with the +Snippet and the sharing, as both buttons inherit the meta data, meaning that when you share the individual page, it doesn’t share data from that page, but your generic sitewide text, image and title.

It isn’t really a major fault, and with a bit of clever scripting (and a lot of time) I am sure I could get it to work the way I want it to. I am sure Google will release an update at some point which allows you to have 2 +1 buttons, one for the site and one for the page, but in the meantime, we will just have to put up with it not working exactly as we would like it to.

UPDATE: I managed to resolve the problem easier than I thought. I added the +Snippet to the theme header, however told it only to appear on the homepage. The button is designed to fetch the +Snippet from the page users are on, unless the button is designed to +1 a specific URL, in which case, it goes to that URL to fetch the +Snipped – the homepage, where the +Snippet for the entire site is.

You and +1

So what is your opinion on the +1 button, do you use it in the same way/to the same extent the ‘Like’ and ‘Follow’ buttons, or is it not as important? If you own a website or blog, will you be adding a +1 button to it, and if so do you think it is better to have a sitewide +1 or a unique URL +1 button – or both!

Learn from the best for success in blogging

This is the sixth in a series of articles in which I hope to share with you my knowledge of how and why Technology Bloggers has been so successful, so fast. Learn more about this series by reading our Technology Bloggers success article.

Ever heard the phrase:

Learn from your mistakes, but if possible, learn from others mistakes.

Well, this can also apply the other way around.

Learn from your triumphs/successes, but if possible, learn from others triumphs/successes.

If you learn what works from others, you can be successful much faster, as you can avoid all those newbie blogger blunders. What lovely alliteration 😉

Homer Simpson slapping his hand to his forehead, whilst shouting 'D'oh!'

Learn from your mistakes, or better still, learn from others mistakes

So who did I learn from? Many great bloggers that I have been following for some time, as well as myself. I had run three blogs (and still run two of them) before I started Technology Bloggers, and I had learn a lot about what works and what doesn’t in my time.

For example, my ‘recent commenters’ widget on my philosophy blog showed me how important competition is. A lack of comments on my social blog and now retired technology blog taught me that not giving readers the ability to comment was probably a bad idea. My comment enabled, WordPress powered philosophy blog affirmed this.

But as I mentioned earlier, most of my leaned ‘success strategies’ are from other bloggers. Justin (from Dragon Blogger) taught me how it was important to create a comment policy. Justin and Ari, (from AriHerzog.com) taught me that GASP (Growmap Anti-Spambot Plugin) is one of the best anti-spam plugins available.

Chadrack (from Web Income Journal) runs a monthly top commenter contest using a ‘Top Commenters’ widget, this showed me that it would be wise to add a ‘Top Commenters’ widget to Technology Bloggers to thank commenters and encourage competition. Chadrack and Diana (from Elephants Eye) showed me the importance of reading your commenters responses and replying to them if you feel their comment needs a reply.


Lillie (from Lillie Amman’s Blog) compiles a list each month, thanking her readers for their comments, I used a similar method to thank our readers in my the importance of comments post.

One of the most important lessons I learned is that you need to be kind to your readers and writers. For that reason, Technology Bloggers is a dofollow blog. We have dofollow comemnts and use KeywordLuv luv to help you get the most out of your commenting experience. We also use dofollow CommentLuv 🙂

A whole host of great blogs, as well as past experience has shown me that it would be wise and fair to be a 100% dofollow blog.

You are not on your own out there, their are other bloggers too. Find the successful ones, learn why they are successful, and then use this to make yourself successful.

Over and out!