Boton +1 de Google en tu Blog

Google hace poco lanzó el botón “+1” el cual vamos a insertar en Blogger, WordPress, Jimdo…Que tiene algo de parecido al botón “me gusta” de facebook, pero éste botón de Google tiene algo interesante para los webmasters.

El botón “+1″ permite recomendar contenidos de nuestro blog/web como también nos ayuda a una mejor posición en el buscador (Google). Para que puedan recomendar es necesario tener un perfil público en tu cuenta Google.

Vamos a instalar el botón en nuestra web

En Blogger

Nos dirigimos a “Diseño” >> “Edición de HTML” y le damos “Expandir plantillas de artilugios”  (recomendamos descargar una copia de la plantilla por seguridad). En el HTML de la plantilla buscamos “</head>” y justo antes insertamos el siguiente código:

1 2 3

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">  {lang: 'es'} </script>

Ahora buscamos la siguiente línea: <div class=’post-footer-line post-footer-line-1′ y luego insertamos el siguiente código:

1	<g:plusone expr:href='data:post.url' size='medium'/>

Si no te funciona con eso, en algunas plantillas tienes que insertar el código despues de:

• <b:include data=”post” name=”shareButtons”>         o
• <data:post.body/>

En WordPress

Vamos a insertar el siguiente código en “header.php” justo antes de “</head>”

1 2 3

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

Ahora Pegamos el siguiente código en el loop de “index.php” y en “single.php”, en el lugar elegido para que se muestre.

1	<g:plusone size="tall" href="the_permalink()"></g:plusone>

En Jimdo

Ya que el código generado por Google no nos funciona, vamos a tener que agregarle unas cuantas líneas de código para que ya nos funciona.

Para instalar el botón en tu web Jimdo solo inserta el siguiente código mediante el elemento“Widget/HTML”:

1 2 3 4 5

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'es'}</script><script type="text/javascript"> //<![CDATA[ document.write('<g:plusone size="medium"/>'); //]]> </script>

Hay 4 modelos / tamaños del botón, y vas a reemplazarlo en: size=”medium“/>, veamos:

• small
• medium
• Estándart ; en este caso van a quitar del código “size=”medium”
• tall