How To Put a Google+ Button On Your Website

  • follow us in feedly
Published February 7, 2013 by Brad Knutson
Google +1

People have mixed opinions about Google+. Some people think it’s a futile attempt to overthrow Facebook as the top social media platform, others think it has a legitimate shot at doing just that.

Regardless of how you feel about the social media side of Google+, it is important to pay attention to +1s. All web developers and SEO experts out there will tell you that your main focus should be driving traffic from Google – the most popular search engine in the world. Don’t you think Google is slightly biased towards their own social media platform, and will take into account their version of the “Like” button? Your darn right they do!

If you read my post on implementing a Facebook Like button on your site, you’ll find this process even easier.

You can customize your own button on Google’s developer page for the +1 button:

Google+ Button With +1 Count

Insert this code wherever you want the button to appear.

That’s it. Seriously? Yes, seriously. Google has done a great job of making this extremely easy on users.

The Result

There is a catch. There is always a catch. By inserting the above code into your page, you will likely increase your page load time. Basically, the browser will get to the code to load the button, and pause while the button loads.

Thankfully, Google has an answer for this also, asynchronous Javascript loading. Rather than the original script call in the above code example, insert the following code below the last Google+ button.

This second method allows your web page to continue loading while your browser fetches the +1 JavaScript file. This ensures that loading +1 button JavaScript file does not increase your page load time. Win!

The following two tabs change content below.
Founder at Inbounderish
Brad Knutson is a Web Developer in the Twin Cities area of Minnesota. He has experience working with WordPress and Drupal, and also has an interest in SEO and Inbound Marketing.

Keep Up-to-Date



See a complete list of topics discussed in blog posts here.

Check These Out

Get 2 Weeks Free! Sign Up Today! Premium Managed WordPress Hosting Genesis Framework for WordPress SEO is complex. Tools should be simple. Thesis Theme for WordPress:  Options Galore and a Helpful Support Community

Share Your Thoughts

Your email address will not be shown.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">