Aeromental
El Blog favorito de Frodo, Sam, Merry y Pippin

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

No olvides compartir esta noticia con:

Fecha: 03 / jun / 2011 + Comentarios: 2

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 :)

Nos puedes seguir en Twitter @aeromental, Facebook y Google+

Autor del post: Daniel Semper, fanático de la tecnología y sus usos sociales, asiduo asistente al cine, y activo lector de comics. En mis tiempos libres estudio una maestría en Sidney.

Puedes compartir esta noticia con:

Noticias Similares

Anterior y Siguiente Post

Noticias al Email

Lo mejor de Aeromental en tu correo cada mañana !!!

Comentarios »

2 Comentarios »

pingbacks

Pings, este post fue enlazado por:

  1. Google actualizó el Botón +1 con JavaScript Asíncrono / 2 de agosto, 2011
  1. Peter dice:

    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.

Escribe un comentario

* no será visible

Se BORRAN los comentarios con insultos, spam, trolleo, lenguaje inapropiado: soez y albur.
Avatar: Si quieres tu foto o imagen en los comentarios sólo la subes a Gravatar.
HTML: Puedes usar HTML de blockquote, a href, strong, em, li y code.

Lista de Emoticons »

Suscribirse sin comentar

Aeromental desde 2007 hasta el día de hoy ★ ☆ Las mejores personas del mundo están locas ☆ ★