Como Agregar el Boton +1 de Google a mi Web

Como Agregar el Boton +1 de Google a mi Web

Google ya ha liberado su botón +1 para implementación en cualquier sitio Web. Primero este botón fue lanzado dentro de sus resultados de búsquedas en ingles, como una manera de recomendar tus búsquedas a tus amigos que también sean usuarios de Google.

Ahora ha liberado la API para agregar el botón +1 con tu sitio web, Google ha hecho que dicha implementación sea de una forma tan sencilla como incluir dos ó tres líneas de código mas dentro del código fuente de tus páginas Web.

Veamos entonces como hacer la integración de este botón +1 de Google en nuestras páginas Web:

Primero entre las etiquetas <head /> hay que incluir el script que Google proporciona con el siguiente código.

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

y entre la etiqueta <body /> en la parte que solamente se tiene que incluir la etiqueta contenedor en la parte que queremos que aparezca el botón +1

<div class="g-plusone" data-size="standard" data-count="true" ></div>

De esta manera ya tenemos agregado el Botón Social +1 de Google, en la siguiente imagen podemos ver el boton funcionando en una página simple.

botón +1

Para terminar, en el siguiente link puedes encontrar información más específica de su implementación, así como parámetros su implementación. http://code.google.com/intl/es-MX/apis/+1button/

Si eres usuario del navegador Chrome, ya ha se ha publicado una extensión para este navegador que te permite utilizar este botón en páginas en las cuales aun no se ha implementado este botón. Este es link a la extensión para el Chrome: https://chrome.google.com/webstore/detail/bkeiokdfjgnaglohebonlmpimnpinahd?hl=es

La extension de Chrome Funcionando

El boton +1 de Google solo es funcional las resultados de busqueda en ingles por el momento, y es posible que tengas que seguir nuestro pequeño manual para configurar tu perfil de google en ingles “como activar el boton +1 de Google“.

El boton +1 de google es una herramienta más que ofrece un valor agregado a tus clientes y/o usuarios con cuentas de google como las de gmail entre otras, que va de la mano de los botones de microbloging, el boton ofrece un numero que va en incremento, cuando otros usuarios hacen click sobre el boton, y mientras mas clicks tenga significara que es recomendable por mas usuarios.

Para incluir el boton +1 en wordpress como en el ejemplo de arriba solo agrega la linea de codigo <script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script> antes del cierre de la etiqueta </head> y el codigo <div data-size="standard" data-count="true" ></div> agregalo en el articulo que escribes y listo.

Aqui podemos ver el ejemplo del botón:

Para agregarlo a todos tus articulos puedes hacerlo mediante en el pluing creado por nuestro amigo y colega Ivan Garciadescargar plugin” se instala como cualquier otro plugin de wordpress, puedes ver el ejemplo al fina de este articulo.

Si te ha gustado este articulo compartelo

Compartir

One Response to "Como Agregar el Boton +1 de Google a mi Web"

  1. Hi, I do believe this is an excellent blog. I stumbledupon it ;)
    I will revisit once again since I bookmarked it. Money and freedom is the best way to change,
    may you be rich and continue to guide other people.

Post Comment