Contact Us
 
 

Welcome to ineedhits Blog

Welcome to the ineedhits Search Engine Marketing blog, where we share the latest search engine and online marketing news, releases, industry trends and great DIY tips and advice.



Monday, August 8, 2011

How-To Add Google +1 Buttons To Your Website Guide

Posted by @ 12:52 am
12
  •  

The buzz about Google + continues with it being the fastest growing social network in history. It reached 25 million users in weeks compared to Facebook which took years.

One of the major components of the Google + network is the Google +1 votes (the Google equivalent of Facebook “Likes”)

Even though Google + is growing at an unprecedented rate, website owners are still very slow to adopt Google +1 buttons on their website – so hopefully this guide will help you get started ASAP.

 

How to Implement Google +1 button to your website

Implementing the button is quite simple. You just need to insert two line of codes in your HTML or theme.

 

  • 1. Insert the following javascript code in your <head> tag

<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

  • 2. Insert the following tag on your web page where you want the button to appear.

<g:plusone></g:plusone>

 

Believe it or not – that ‘s it.

If you want to customise how the +1 button looks on your website, there’s a few options through Google’s +1 button generator.

 

You can change the following:

  • Size of the button: The default is “standard“, which is 24px tall. You can choose “small” (15px), “medium” (20px) or “tall” (60px).
  • Include count: The default is set to “true”. You can turn it off if you don’t want the +1′d count to appear.
  • URL (href): By default, the button will grab the URL of the existing page, but you can specify your own URL with the parameter href=”your-url-here”.

See, it’s really very easy, so there’s no excuses for not embracing Google’s new social voting system. And lets face it, as long as it doesn’t get spammed too much, it’ll be only a matter of tiem before it’s a ranking factor (maybe)

For more info, check out the Google +1 button site and the FAQ site

 

 



Rene LeMerle Rene is the marketing manager of ineedhits.com - a global search engine marketing company. He also leads the marketing for Gooruze.com - a web 2.0 style community for online and digital marketers. Rene has been in the industry since 1997 with much of that time spent helping businesses embrace the best of the internet and digital world.

View Rene LeMerle's profile






Discussion (12 - comments)

[...] full post on ineedhits « Increase Revenue with Infolinks and Amazon [...]

By How-To Add Google +1 Buttons To Your Website Guide | 2010 World Top Template Forum - August 8, 2011



[...] View full post on ineedhits [...]

By How-To Add Google +1 Buttons To Your Website Guide | Business Review - August 8, 2011



I wish it was that easy! It really is but not in my Worpdress theme. I’d like the button to sit at the top right side of the header but it sits in the middle, butting up against the logo. Takes more than copy and paste to fix that one.

By Michelle - August 8, 2011



[...] How-To Add Google +1 Buttons To Your Website Guide Aug 8th, 2011No Comments [...]

By How-To Add Google +1 Buttons To Your Website Guide « Miami Beach Web Designer - August 8, 2011



[...] How-To Add Google +1 Buttons To Your Website Guide August 8, 2011 Ryan Morales SEO | SEM News No Comments [...]

By How-To Add Google +1 Buttons To Your Website Guide | RM2 Project - August 8, 2011



[...] users &#1110n weeks compared t&#959 Facebook wh&#1110&#1089h took years.Originally posted here: H&#959w-T&#959 Add Google +1 Buttons T&#959 Y&#959&#965r Website Guide – Search Engine Marketi…high quality backlinks backlink building software imagemixer 3 se software guide non reciprocal [...]

By How-To Add Google +1 Buttons To Your Website Guide – Search Engine Marketing (blog) | Facebook Marketing Guide - August 8, 2011



Good information, but why doesn’t the Google +1 appear on ineedhits.com? In fact, many prominent Web sites that profess the benefits of Google +1 don’t have it. Is there a downside to using +1?

By Leon - August 9, 2011



Leon, it’s in the works. The structure of our main website requires a complex build to add such items…so its in the pipeline. You’ll notice its already on the blog.

By Rene - August 9, 2011



I did exactly those two things. I put the first code just after the head tag and the second code where I wanted the button. Nothing happened. Am I just too stupid to do this right? I keep seeing on websites that it’s easy but it’s just not working for me. I don’t have wordpress site or anything. It’s something I made in Dreamweaver.

By Lynn - November 20, 2011



I’m having the exact same problem as Lynn. Pasted the code in the exact same spots, nothing happens. Also using Dreamweaver. I have posted this code as well as the code taken directly from the Google website on how to add the +1 button. Nothing works.

By Jen - December 8, 2011



Hi Lynn and Jen,
Are you putting the first tag in your head tag (not after it)?
If it’s not working for you…I suggest heading over to the Google Plus FAQ area – I’ve included the URL below.

Good luck
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1140194

By Rene LeMerle - December 8, 2011



[...] How-To Add Google +1 Buttons To Your Website Guide [...]

By Google+ and +1 Button Guide for Webmasters | ineedhits | The Webmasters Site - June 14, 2012




Add Your Comments







SUBSCRIBE

Keep up to date with the latest from our blogs.

Subscribe to all blog posts

The Newsletter
BROWSE OUR POSTS




  • New Posts
  • Popular
  • Comments


Jobthread



More in Tips & Advice (103 of 480 articles)


We report quite regularly on updates to the Google Webmaster Tools and often forget about the great range of webmaster ...