Ya se encuentra disponible el nuevo botón +1 de Google para todos los usuarios y a continuación vamos a ver un tutorial paso a paso de como integrarlo correctamente en WordPress y además tener la posibilidad de darle seguimiento a la interacción de los usuarios en nuestras estadísticas de Google Analytics.
Como primer paso tienes que ir al sitio de Google +1 para realizar la configuración de tu botón +1 y verás una pantalla como en la imagen a continuación.
Ajustes del botón +1 para WordPress.
1- Primero selecciona el tamaño que quieres.
2- Selecciona el idioma que quieres.
3- Despliega las opciones avanzadas.
4- Deja seleccionado el contador.
5- Parse con el ajuste por omisión.
6- En JS Callback function: escribe «plusone_vote».
7- En URL to +1: escribe «the_permalink()».
Con esa información Google nos da el código necesario que tenemos que poner en nuestro tema y es de la siguiente manera.
Código JavaScript del botón +1 de Google.
Este código de preferencia ponlo en el pié de página del tema que utilizas en tu instalación de WordPress, justamente antes de que se cierre el cuerpo de la página.
Abre el archivo footer.php de tu tema y busca el siguiente código.
[php]
< /body>
[/php]
Ahora pega el siguiente código antes.
[php]
[/php]
El resultado es este.
[php]
< /body>
[/php]
Código JavaScript para darle seguimiento al botón +1 de Google en Google Analytics
La opción de «JS Callback function» que vine en la configuración del botón, nos permite hacer un seguimiento de interacción del botón +1 de Google en Google Analytics y solo tenemos que incluir el siguiente código en nuestro tema de WordPress.
Al igual que el código anterior, abre el archivo footer.php de tu tema y busca el siguiente código.
[php]
< /body>
[/php]
Ahora pega el siguiente código antes.
[php]
[/php]
El resultado es este.
[php]
[/php]
Con eso ya tienes funcionando el seguimiento del botón +1 de Google utilizado en WordPress por tus lectores reflejado en Google Analytics.
Ahora vamos a juntar los dos códigos que acabamos de incluir, el del botón +1 de Google y el de Google analytics en nuestro pié de página de la plantilla de WordPress, el resultado final es así.
[php]
< /body>
[/php]
Código para mostrar el botón +1 de Google en nuestro tema de WordPress
Este es el último paso que necesitamos hacer y se trata de agregar el código que muestra el botón en donde lo queremos. Normalmente este código va abajo o arriba de un post y por ejemplo puedes incluirlo en el archivo single.php de tu theme de WordPress.
Abre el archivo single.php (o el que decidas utilizar) y pega el siguiente código.
[php]
Gracias!! Estaba buscando el modo de poder hacerlo manualmente ya que con plugins no lograba ubicarlo apropiadamente y se me solapaba con el de tweetmeme! Sos un genio!
Que bueno que te ayudó 🙂
que raro, a mi no me funcionó. si aparece el boton de google+1 en el blog, sin embargo cuando quiero darle click se pone rojo
No debe de ser problema tuyo, puede ser solo un error de conexión. Después de que se pone rojo, te muestra el porque puede suceder eso, a mi también me ha sucedido y se corrige después.
Es cosa de que lo pruebes después y le pidas a alguien más que lo haga para comprobar que no solo eres tú el del problema.
Saludos.
Voy a ver entonces si a otras personas les funciona, por que a mi me pasa exactamente lo mismo 🙁
Muuuchisimas gracias por el aporte, la verdad me carga estar llenando de plugins el blog… después se vuelve un vicio 😛
Saludos!
Prueba con lo que actualicé Tania, con eso seguro te funciona.
Saludos.
Actualice para mostrar el PHP en el código que va en el archivo single, igual eso fue lo que les faltó poner y por ello no les funcionaba.
Saludos.