Como poner el boton de google mas uno en WordPress

Actualizado: 1/2/2012
Un rápido y sencillo tutorial de como implementar correctamente el botón de google más uno en nuestro tema de wordpress

Si bien hace unos días dábamos una descripción más técnica de las funcionalidades del botón de google hoy vamos a hablar sobre como insertar el botón de google mas uno en nuestro blog de wordpress que fue el motivo por el que cree el primer post.



Google mas uno en WordPress – En la entrada entera

Primero vamos a ver la parte simple, poner el botón en la página de la entrada entera.
Ésta es la forma más fácil de poner el botón de google

Primero tenemos que identificar el archivo que necesitamos editar.
Para ello vamos a la carpeta wp-content/themes/nombre-del-theme

El nombre del theme lo podremos encontrar en Apariencia > Temas de nuestro panel de WordPress.

 
 
 
 
 
Y buscamos el archivo single.php para poner el botón de google en WordPress

En mi caso, quiero poner el botón de google al lado del título, así que busco la siguiente linea:

<h2 class="title"><?php the_title(); ?></h2>

Y antes de esta pego el código:

<div style="float:right;margin-left:5px;">
<g:plusone></g:plusone></div>

Lo que conseguimos de esta forma es poner un botón de google que apunte a la url de nuestro artículo de WordPress.

Google mas uno en WordPress – En el index – Para cada entrada

Ahora que tenemos nuestro botón de google más uno en la entrada de WordPress vamos a realizar el paso que parece que nadie aplica bien..

Lo que vamos a hacer es poner un botón de google más uno en el index, pero uno para cada entrada y no uno para el Index en sí.

Lo que suele pasar es que normalmente los administradores no aplican el atributo href correctamente (como lo explicamos en esta entrada y eso produce que todos los botones de google mas uno que aparezcan en el index apunten al index y no a la entrada en cuestión.

Como ya sabreis el botón de google mas uno ayuda al posicionamiento… así que es una prioridad poner el botón de google más uno en nuestro WordPress de forma correcta.

Los pasos son los mismos, identificamos la página php que contiene el index.
En este caso creo que puede variar depende del theme, en mi caso eso loop.php pero también podría ser loop-page.php así que si modificáis una y no funciona probadlo con la otra ;)

el proceso sigue siendo el mismo… yo quiero ponerlo al lado del título, como está en la página sencilla de WordPress
Así que busco la línea que contenga el tag que me indica es el título de la entrada:

<h2 class="title">

Y aplico el mismo código pero con un atributo más, el href:

div style="float:right;margin-left:5px;"><g:plusone href="<?php the_permalink(); ?>"></g:plusone></div>

Si a alguien le confunde este cambio en la sintaxis le pido que preste especial atención a esta línea:

 href="<?php the_permalink(); ?>"

El botón de google más uno permite introducir un atributo href para indicar a que página se hará referencia al clicar el botón.

En este caso the_permalink() es una función de wordpress que nos retorna el enlace de la entrada de la cual estamos mostrando datos.

En este punto ya hemos puesto correctamente el botón de google mas uno en WordPress.
No ha sido complicado no? Pues parece que a algunos les ha costado ponerlo de la forma eficiente.

Como saber si funciona nuestro botón en el index?

Lo correcto ahora es comprobar el bueno funcionamiento del botón de google mas uno en WordPress.

El proceso es sencillo, desde el index le damos al botón de google para que nos cuente un voto mas y cuando entremos en la entrada completa de WordPress deberíamos tener el voto contabilizado.

si esto es así, nuestros botones de google mas uno están funcionando perfectamente en nuestro WordPress.

Espero le haya sido de ayuda a algún user.


Así nos han encontrado!

  • google mas 1
  • googlemas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">