> Manuales > Ayudas técnicas

Explicamos la implementación del botón +1 de Google, con la que tus visitantes pueden votar y recomendar tu web en el buscador y el otro botón de redes sociales Buzz de Google.

Estamos en la era de las redes sociales y los blogs, en la tan renombrada Web 2.0. Quién sabe qué vendrá después, pero de momento la realidad es que, toda página que se precie, debe contener botones para compartir y recomendar sus contenidos. Bueno, podemos matizar diciendo que no estás obligado a ponerlos, pero lo que sí puedes estar seguro es que te ayudarán a promocionarte.

Implementar lo que se llaman los botones sociales, se ha convertido en una de las principales ayudas en la promoción web. Anteriormente publicamos artículos sobre cómo colocar los botones de recomendación en Facebook y en Twitter, y en el artículo de hoy vamos a ver cómo implementar los botones que Google ha creado para compartir y difundir nuestros contenidos por el buscador y su red social.

Boton +1

Este botón nos ayuda a difundir nuestros contenidos por el buscador de Google, posicionando mejor entre los resultados de búsqueda. Con este lanzamiento Google se equipara a los botones ofrecidos por Facebook o Twitter para recomendar contenidos y websites.

Aunque de momento este botón está en fase de pruebas y no funciona para el sitio web de Google España (.es), ya podemos implementarlo en nuestra web. El resultado será que, al llevar a cabo una búsqueda en Google, junto a los resultados ofrecidos encontraremos los "+1" que esa página ha obtenido. Todo ello permitirá que estos resultados sean más relevantes a las consultas formuladas por los usuarios al dejarles saber las preferencias de sus contactos.

Con apenas unos meses desde su presentación, todavía no se sabe realmente el alcance de que tendrá Google +1 y su influencia en el posicionamiento SEO de las páginas recomendadas. No obstante, nadie querrá quedarse atrás y dejar de sacar la hipotética ventaja que puedan ofrecer estas recomendaciones.

Nota: a la hora de escribir este artículo solo afectaba positivamente a la versión inglesa del buscador.

Su implementación es realmente sencilla, solo tienes que copiar el código ofrecido por Google en tu página web.

Pasamos a detallar los pasos para su implementación:

  1. Nos vamos a la página de Google que nos facilita dicho código
  2. Copiamos el código de a continuación en nuestra página:
    <!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

    <!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
    <g:plusone></g:plusone>
  3. Ya tenemos listo nuestro botón +1
Podemos personalizar el botón con una serie de opciones, como son; que aparezca el número de veces que se ha recomendado dicha página, el tamaño del botón, el lenguaje, etc.

Un ejemplo de implementación del código sería el siguiente:

<html>
<head>
<title>Página de prueba</title>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
</script>
</head>
<body>
<g:plusone></g:plusone>
</body>
</html>

Boton Buzz

Este botón es para compartir contenido de tu página en Google Buzz. Esto esta destinado a usuarios de gmail que tengan implementado Google Buzz en su cuenta y realmente no sabemos el alcance actual de dichas recomendaciones. Lo que sí parece claro es que cuantas más opciones de recomendación implementemos, mejor debe de ser para tu web.

Para implementar dicho botón tienes que irte a la página de Google Buzz y copiar el código que te suministran.
En esta página tienes varias opciones, la primera te dan un código en el que puedes elegir el modelo de botón, el idioma, la imagen, etc.

La segunda opción es para programadores avanzados ya que te dan la opción de insertar tu la URL que quieres compartir y añadirle una imagen personalizada.

En cualquier caso es sencillo y no requiere grandes conocimientos de programación.

Paso a poner un ejemplo de su implementación:

<html>
<head>
<title>Página de prueba</title>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"> </script>
</script>
</head>
<body>
<a title="Publicar en Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="es"></a>
</body>
</html>

Con esto ya hemos visto los dos botones que ofrece Google para compartir y difundir contenido de nuestras webs.

Sara Alvarez

Equipo DesarrolloWeb.com

Manual