How do you Add Google Plus Ones to your web site?
In general you just need to add some code to your site. As of now, the code to add is shown below. You can always find the current code from http://www.google.com/webmasters/+1/button/:
<!– Place this tag where you want the +1 button to render –>
<g:plusone annotation=”inline”></g:plusone><!– Place this render call where appropriate –>
<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
If you are using WordPress or another system in all likelihood there are plugins to do this for you. For WordPress, just log in to your Admin panel, then under “Plugins” “Add New” (as of WordPress 3.3 those are the menu names, they could change). The plug-in we use here is “WP Google Plus One” and it works well.
Google lets you select various options for the Google Plus One buttons:
- The size – from small to tall, 15 pixels to 60 pixels
- The annotation – inline, none, or bubble
- The language with English being one option
- Advanced options let you control more features but we won’t get into them here.
If you know of others for other CMS’s please let us know below.