Cómo poner el botón de Google Plus +1 en nuestra web

El botón de Google Plus +1  nos puede ayudar a posicionar mejor un contenido en las búsquedas de Google. Aunque tenga menos usuarios que otras redes sociales cada vez va aumentando en número por su relación con el SEO.

Es decir, SEO y Google Plus van de la mano, antes de seguir leyendo este post os recomiendo que leáis este otro que publiqué hace unos meses:

• SEO con Google+ y cómo mejorar el posicionamiento de tu web en Google

Configurar el botón de Google Plus +1

Vamos a ir a la página oficial del plugin para empezar a configurar el botón. Una vez ahí nos encontramos con este formulario:

Explico cada campo:

• Tamaño (Obligatorio): Se determina el tipo de botón y tamaño del mismo.
• Anotación (Obligatorio): Se selecciona el tipo de leyenda que acompaña al botón.
• Ancho (Obligatorio): El ancho en píxeles que ocupará.
• Idioma (Obligatorio): Idioma del botón.
• Opciones avanzadas (Opcionales):
  – Asíncrono: Modo en que se carga del botón. De esta manera no se detiene la carga de la web mientras se carga el botón.
  – Analizar etiquetas: Parseo de tags. Evita que se recorra todo el código de la web para colocar el botón.
  – Función de devolución de invocación JS: Callback de la función cuando el usuario hace click en el botón.
  – URL para +1: Posibilidad de personalizar la url a compartir, por defecto coge la url actual.

Os recomiendo que las opciones avanzadas no las configuréis salvo que queramos personalizar la URL a compartir. También según vamos configurando el botón a la derecha del formulario nos aparece el preview del mismo para ver su apariencia.

Obtener el código del botón de Google Plus +1

Tan solo nos queda obtener el código de nuestro botón, os pongo un ejemplo:

Las primeras 4 líneas las podemos poner dentro de la etiqueta ‘head’ o justo antes del cierre de la etiqueta ‘body’.

Mientras que las 2 últimas las pondremos donde queramos que aparezca el botón.