Google released today the +1 feature for publishers to embed on their own sites. The +1 button is in direct competition to the Facebook Like button found on almost every site out there.

Google has made the process of adding the +1 button simple for anyone. With a quick walkthrough of adding the +1 button to your site and posts, you’ll have it running in no time. I’m sure that CMS-like sites such as WordPress will have dozens of +1 plugins available in the coming days, but in the meantime this is what you need to do.

There are two parts to the code that you need to insert into your site; Google offers an easy to use the page to customize your button and grab the embed code. Go to that site and configure the button in the way you’d like it displayed on your site. As soon as you’re done there, follow the steps below.

Step One

The Google +1 tool page explains to Web masters what they need to add to their Web site. For Web masters who have a standard XHTML Web site, you’ll simply need to copy the following code and insert it before the </body> tag on a Web site: <script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

Step Two

After you add the JavaScript code to your Web site, Web masters can paste <g:plusone></g:plusone> wherever they want a button to appear on the site. Using Google’s +1 tool, you can configure the size and other advanced options.

Another common use for Google +1, besides using it inside of the page itself,  is adding it to the sidebar as a generic location for +1 activity.

Additionally, the Google +1 button doesn’t have a set URL that it reports to when users press the button. The current setup crawls the page for the proper URL. If you want the Google +1 button to report a singular URL address, use something like this: <g:plusone href=”https://lockergnome.com”></g:plusone>

We hope that you found this useful and will look forward to seeing Google +1 buttons popup all around the internet in the coming months.