01jun
32

Pues nada, que ya tenemos aquí el famoso botón +1 de Google para insertarlo en nuestros sitios y que la gente que nos visita le sume puntos en los resultados de búsqueda (se supone).

Si quieres incluirlo en tu sitio WordPress el proceso es sencillo, vamos a verlo rápidito para que tengas rato para ponerlo cuanto antes …

  1. Vas al sitio de Google Webmasters para añadir el botón +1 de Google
  2. Eliges idioma, tamaño de botón y esas cosas estéticas para que se adapte (poco) al diseño de tu tema
  3. Hacemos clic en “Opciones avanzadas” para determinar la URL adecuada, que en WordPress tiene su peculiaridad
  4. Dejamos en “Opciones avanzadas” las primeras opciones en los valores por defecto y en la “URL para +1″ ponemos simplemente esto: the_permalink. Con esto sumaremos puntos al enlace permanente de la página en la que insertemos el código, sea cual sea. Si ponemos la URL de nuestro sitio todos los votos irían para la portada … aunque también es una opción si así lo prefieres.
  5. Se generará un código, simplemente lo copiamos
  6. Pegamos la primera parte del código generado (normalmente) en el fichero header.php, justo antes de la etiqueta < / head > o justo antes de < body >, lo que prefieras:
    <!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js">
      {lang: 'es'}</script>
  7. Pegamos la segunda parte del código generado en el loop de index.php y en single.php, en el lugar elegido para que se muestre. El código sería este:
    <!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
    <g:plusone size="tall" href="the_permalink()"></g:plusone>
  8. ¡Ya está!

Yo ya lo pondré cuando tenga un ratillo, ahora he preferido compartir esta mini guía contigo. Además, también puedes esperar un par de días, seguro que pronto el botón está disponible en plugins como AddThis o incluso algunos nuevos específicos para insertar el botón +1 de Google sin tocar código. Tu eliges.

Si te apetece, aquí tienes un vídeo que explica para qué sirve el famoso botón …

Nota: Nos avisa Ivan de SEOblog que ya han hecho un plugin para instalarlo de manera sencilla.

Para saber más:

  • Pingback: Llega el botón +1 de google | AsesoresGlobales.es

  • http://twitter.com/JaviManRo Javier Manzano

    Creo que en la url lo correcto sería poner:

    the_permalink(); (entres las etiquetas de php que no sé por qué no salen si lo pongo así)

    ¿Alguien lo probó ya?

    • http://fernandotellado.com Fernando

      Así está bien, si metes un php dentro del href lo destrozas ;)

    • http://fernandotellado.com Fernando

      Así está bien, si metes un php dentro del href lo destrozas ;)

  • http://hoempler.com Carlos Hoempler

    Ya lo probé, pero solo en mis artículos, pues estoy viendo aún sónde colocarlo e el home para que no se vea muy mal =)

    Gracias por el apoyo del blog. La verdad un golazo cada vez que entro.

    Saludos a todos

  • http://www.pachakamaq.com Fliberty Pérez

    Creo que sólo se debe colocar the_permalink() sin las etiquetas php.

    • http://twitter.com/JaviManRo Javier Manzano

      A mi me funciona bien en los artículos (dentro del loop) con las etiquetas php.

    • http://twitter.com/JaviManRo Javier Manzano

      A mi me funciona bien en los artículos (dentro del loop) con las etiquetas php.

      • http://www.pachakamaq.com Fliberty Pérez

        Bueno en mi blog no se visualiza, a pesar de que en el código fuente de la página puedo ver el código de la cabecera y el del botón.

  • http://www.pachakamaq.com Fliberty Pérez

    Pienso que sería genial si se añade al plugin ic be social.

  • http://twitter.com/JordiRius Jordi Rius Bonjorn

    Casi que me apunto a que en nada estarà en el plugin de addthis. Muy buen consejo :-)

  • Juan Ro9

    Yo lo he puesto para hacer una prueba, y ya no hay manera de quietarlo, ni borrando cookies ni nada.

  • Javidecai

    Pues… a mi me funciona bien con en vez de the_perm.. si lo pongo como pones, se me guarda en ”global”  y no en cada articulo.. puedes verlo en bajatemusica   com ;)

    saludos!

  • Djpao29

    le aconsejo de que lean la politica de google sobre esto… http://www.google.com/webmasters/+1/button/policy.html

  • http://fernandotellado.com Fernando

    Gracia Ivan, apuntado el enlace en el post ;)

  • http://www.ontecnia.com Alex Garcia

    Muchas gracias Fernando :)

    Saludos
    Alex García

  • Sergioalonso

    Imagino que no tardará en salir para Sharedaddy

  • Rperezre

    Aviso a navegantes: Yo lo acabo de implementar y en IPhone no se ve, alguno con android?¿

    • Eduzaka

      No funciona ni en iPad ni en iPhone… :(

  • http://www.degeneracionx.com N3k0

    Ya agregaron el +1 en el plugin de Really simple Share y es una maravilla :D

    Chaox

  • Anónimo

    muy buen aporte! ya veo  que estas en eso saludo

  • Pingback: Paco Prieto » Lecturas para acabar el fin de semana

  • Pingback: Google +1 ya en WordPress.com | Ayuda WordPress

  • http://lifeisagamae.com.mx IITh4M3X4K1N6II

    lo instale desde la opcion de plugins y funciona perfecto

  • Anónimo

    Muchas Gracias!! me ha servido mucho :D

  • Raul

    Hola como tendria que hacer esto para un wordpress MS porque vi que cada blogs tiene su propio propio header.php tendria que agregarlo en cada uno de los post?

  • Paquita

    Hola, ya tengo el código de mi botón. El problema que tengo es que accedo a mi bloc desde el tablón principal y desde allí no sé dónde tengo que ir para acceder al HTML de las pàgnas.
    He probado a insertarlo como widget HTML pero no va.
    ¿Cómo puedo hacer para insertar el botón en mis artículos?

    Gracias

    • http://fernandotellado.com Fernando

      Si tienes acceso completo (es WordPress alojado) accede a single.php de tu tema y ponlo antes del formulario de comentarios, algo como “comments_template”.

      Si no quieres tocar código hay varios plugins que ya lo incorporan sin tocar la plantilla

  • Pingback: Botón +1 de Google plus sin plugin | Ayuda WordPress

  • Maria Serra

    perdón, ya lo he encontrado.

  • http://tellado.es Fernando

    Si, en Ajustes – Compartir puedes añadir el botón +1 de Google

  • Ivan

    Yo lo he instalado sin problemas, lo que no tengo ni idea es cómo ubicarlo en la web. Me sale arriba a la izquierda y yo lo quiero poner al lado de los botones de las otras redes que tengo… tengo la plantilla blog life… donde encuentro las opciones de ubicación…