Múltiples botones Google +1 en la misma página

Añadir varios botones +1 en una misma página es muy sencillo. Es tan solo cuestión de insertar la llamada al loader de Google +1 (por ejemplo desde el CDN de google https://apis.google.com/js/plusone.js) y después escribir una etiqueta justo donde queramos que aparezca el botón +1. Cada uno hará referencia a una url distinta (así podremos desde una misma página establecer puntos positivos a diferentes contenidos).

Digamos por ejemplo que queremos crear justo a continuación dos botones +1 y que cada uno de ellos apunten a un post diferente de este blog, lo que haríamos es lo siguiente:

1. Añadimos la carga del script dentro del head de la página o incluso mejor, justo antes de cerrar la etiqueta body.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

2. Añadimos y en donde quieras que aparezcan los botones dentro del código html.

<g:plusone href="primera_url" size="small" count="false"></g:plusone> y <g:plusone href="otra_url" size="small" count="false"></g:plusone>

Nota: Google dispone de una herramienta para ayudarnos a construir botones +1 personalizados y del API del botón +1, donde se pueden encontrar las explicaciones de uso de todos los parámetros posibles (incluyendo ‘size’ y ‘count’ usados en este ejemplo).

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s