viernes, 30 de mayo de 2014

Cómo poner el botón +1 de Google en el blog de Blogspot

Como sabes, el botón +1de Google permite al usuario marcar como recomendado el contenido mostrado en tu blog o web. Estas recomendaciones se mostrará en los resultados de las búsquedas en el buscador Google a partir del martes 28 de Junio de 2011 de manera global.


Para recomendar debes haber iniciado sesión en Google y el perfil asociado a tu cuenta debe ser público. Es evidente que este botón compite de manera directa con el mundialmente conocido "Me Gusta" de Facebook. Sin embargo, el botón de Google tiene un peso muy importante ya que favorecerá el posicionamiento de los sitios recomendados. Por lo tanto atentos no solo los Bloggers sino también los WebMasters.

Si como usuario marcas este botón, estas recomendado con 1 voto el contenido. Si lo vuelves a pulsar, quitas el voto. También puedes gestionar tus votos desde tu perfil público. El efecto que quiere conseguir Google es..."que mejor recomendación, que la que te hace un amigo"

Antes de continuar te invito a ver el siguiente video de apenas 1 minuto donde se muestra el funcionamiento de este nuevo botón que sin duda inundará todo Internet. Activa  los subtitulo en español pulsando el botón CC en la barra de reproducción.


Video de cómo funciona el botón +1 de Google:









Pasos para poner el botón +1 de Google en el blog (Blogger):

Existen dos métodos y debes elegir la que más se ajuste en tu caso.



Método 1. Usando los botones de compartir

Para aquellos blogs (no es mi caso) que no tienen botones personalizados como los que aparecen en este blog al pie de cada entrada, hay una forma muy sencilla y es habilitar los botones de compartir por defecto de las nuevas plantillas de blogger.
  1. Habilitar los botones de compartir en cada entrada del Blog
    • Abre la pestaña "Diseño" 
    • En "Entradas del Blog" pulsar "Editar"
    • Marcar "Habilitar botones de compartir"
    • Guarda la plantilla y visualiza el blog
    • Debes ver bajo cada entrada la siguiente barra de botones: 


Nuevo botón +1 en los botones de compartir de Blogger


Método 2. Utilizando un código Javascript y personalizando la plantilla

Este es el método que he usando en iniciaBlog ya que desde que incorpore el botón de "Twittear", ya no muestro los botones de compartir de la plantilla (siempre me parecieron poco visuales).
  1. Código para la sección "Head" del blog
    • Abre la pestaña "Diseño" y luego "Edición de HTML"
    • Pulsa "Descargar plantilla completa" para hacer una copia de seguridad
    • Busca con ayuda del navegador (Ctrl F o Ctrl B) esta cadena </head>
    • Pega justo antes de la linea anterior el siguiente código:
      <!-- boton+1 de blogger -->
      <script lang='ss' src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
  2. Código del botón para situarlo debajo de cada entrada
    • Ahora buscamos esta cadena:
      • Para colocarlo al pie de la entrada: post-footer-line post-footer-line-1
      • Para colocarlo en la cabecera de la entrada: post-header-line 
    • Justo debajo pega este código:
      <g:plusone expr:href='data:post.url' size='medium'/>

      A partir del 25 de Enero de 2012, además si quieres mostrar las caras de las personas que han hecho clic en el botón añade el parámetro annotation de la siguiente forma:
      <g:plusone expr:href='data:post.canonicalUrl' size='medium' annotation='inline'/>

    • Guarda la plantilla y visualiza el blog. 

Tamaño del botón: 

Además del tamaño mediano (medium), si quieres puedes probar con otras dimensiones.  Sustituye la palabra medium resaltada en rojo por estas otras opciones:



  • Pequeño: small
  • Enorme: tall
  • Normal: déjalo en blanco, es decir size=''




Visita la página oficial del botón +1 de Google para ver otras opciones



Si te fijas además de este botón en iniciaBlog también tenemos el botón de "Me gusta" de Facebook y el botón de "Twittear" de Twitter que te recomiendo los implementes en tu blog (si no lo has hecho ya)

Si te gustan las publicaciones de iniciaBlog, puedes recibirlas directamente en tu buzón de correo electrónico o bien seguirme desde Twitter.com/iniciaBlog o Facebook.com/iniciaBlog


Lecturas recomendadas:



Gracias ;-)

No hay comentarios: