Como poner Google +1 en el Loop de WordPress del Index

@ 03 . junio . 2011

Muchos blogueros amigos me han estado preguntando cuál es el código para poner el nuevo botón de Google +1, no en un post, sino en la lista de posts que salen al inicio de un blog, en la página del Index.

Como son varios posts dentro de un loop, el código debe ser especial, porque si lo ponen directo, el botón pensará que estan votando por el dominio y no así por cada uno de los diferentes posts que salen listados.

¿Qué es un loop? Un loop es algo que se repite hasta que se de una condición, en WordPress se usa el: while (have_posts()) (mientras existan posts, ejecutar)

Entonces Google +1 nos da este código:
<g:plusone></g:plusone>
Si en Opciones Avanzadas especificas una URL para el voto +1, te da este código:
<g:plusone href="http://www.aeromental.com/"></g:plusone>

Y ahora el detalle es especificar que esa URL sea el link a cada post. Eso es con PHP y con una función de WordPress, the_permalink():

<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

Listo !!!

Eso es todo :)

DanielSemperAutor: Daniel Semper, fanático de la tecnología y sus usos sociales, cinéfilo geek, al menos veo una película por semana, innovador en Front-End y activo lector de comics. En mis tiempos libres soy ingeniero y estudio una maestría en Sidney en la universidad de UTS. Me puedes contactar en: twitter, Google Plus.
e-mail: hola @ danielsemper.com

Noticias Similares

  • Peter

    Para los interesados en entender paso a paso como integrarlo en WordPress esta es una guía completa que además nos ofrece la posibilidad de darle seguimiento en Google analytics.

    Saludos.