MENU

Joomla Tips en trucs

Google is now using the +1 button. With this button, visitors can give a positive vote for your content to Google's search engine. People who are searching google for content will more likely be clicking on your webpage when others have indicated they found that page usefull or positive. So it is a new tool to your sem and seo toolbox.


For more info about this button watch the video below.



Joomla and Google +1


Now for implementing this on your Joomla website we can do the following...

1 Wait for an extension to implement it... Or do this yourself. Not too hard and you have more control over the pages it is shown.

2 Do it yourself if you want it on every page of your website. Its not that hard... [Edit: you can make it work and not have it on all your pages, solutions at the bottom]

Go to your template's index.php (remember ALWAYS make sure you have a backup, just in case something goed wrong!)

Now go to the place in your template you want this button to show. If you want it beneath every 'content' place the code after

{code}<jdoc:include type="component" />{/code}

There may be more places in your template where you will see this piece of code. Put it after each one of them. This piece of code can only be shown once on a page, so there will always be just one button.

The piece of code you have to put there is:
{code}<g:plusone size="medium"></g:plusone>{/code}

Go to Google +1 to see other sizes and more info.

Then put the following piece of code at the end of the body-tag or in the head section of your template.

{code}<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>{/code}


Use Google Analytics to track the votes


Yoast wrote a way to also keep track of the votes in Google-analytics. So if you want Google-analytics to track the votes don't use

{code}<g:plusone size="medium"></g:plusone>{/code}

but add a little piece

{code}<g:plusone size="medium" callback="plusone_vote"></g:plusone>{/code}

And of course add a little piece of javascript as well.. So not only put the link to


{code}<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>{/code}

at the end of the body-tag or in the head-tag. But also add this

{code}
<script type="text/javascript">
function plusone_vote( obj ) {
_gaq.push(['_trackEvent','plusone',obj.state]);
}
</script>
{/code}

Or you can change your Social Media plugin to show your Google +1 button. This way you have more control on what pages you want it to show.

Place the button only on specific pages


I just thought about the way people can place the button only on content they want...

Put the javascript pieces of code in the index.php of your code. If you want to put the button on your page you have to go to the code-button of your editor and place the code:
{code}<g:plusone size="medium" callback="plusone_vote"></g:plusone>{/code}

after your text, or on the place in the article you want to put the button. If you have inserted this code, remember that you WON'T see it in de editor itself. So be careful not to delete it by accident. Save the article. It now shows on a specific page on your website. You can view and test this on the freelance webdesigner page. That is a button on a single webpage... The buttons on this page and other weblog-pages are set through the plugin.