sábado, 4 de junio de 2011

Google implementa el botón +1

¡Webmasters del mundo, alegraos! Por si tuviéramos pocos botones sociales para implementar a las webs con los de Facebook, Twitter, Tuenti… ¡va Google y saca su propio marcador! Botón +1 (plus one), ése es su nombre, y su colorido lo hace destacar por encima del azul al que otros servicios web nos tienen acostumbrados. Veamos cómo implementarlo.

Google se ha empeñado en ser omnipresente en la web. Controla nuestro correo electrónico, nuestros chats, los lugares que buscamos a lo largo y ancho del mundo, visiona nuestras fotos, las almacena en sus servidores, toma instantáneas de nuestras calles y casas, lee los blogs como éste… Por si fuera poco, ahora quiere tener un indicador de popularidad propio para poder catalogar los contenidos de las webs que buscamos a través de su buscador.

Con el botón social +1 se pueden puntuar los sitios que se visitan, de forma que no sólo es importante atraer a los usuarios a nuestras webs, sino también hay que conseguir que pinchen en este botón. Y los amigos de estos usuarios verán en su página de inicio iGoogle las recomendaciones que éste hizo de nuestra web.


(Vídeo en inglés)

Este botón se une a los de Facebook, Tuenti o Twitter. Para poder implementarlo en la página, podemos seguir estas instrucciones o buscarlas en la página de desarrollo de Google.

1.- Añadir este código en el head de la página:
<script type=“text/javascript” src=“http://apis.google.com/js/plusone.js”></script>

2.- Poner este código en el lugar en el que debe aparecer el botón:
<g:plusone></g:plusone>

3.- Para fijar la dirección web que debe llevar el botón, se debe insertar este código, en el que hay que cambiar en el parámetro href la url de la página concreta:
<g:plusone href=“http://www.inserturlhere.com”>&alt;/g:plusone>

Se pueden cambiar otros parámetros, como callback, count o size, pero eso se lo dejaremos a los webmasters más avanzados. Si te interesan estos términos, puedes leer la documentación pertinente en la página de Google Code para la API del botón +1.

No hay comentarios:

Publicar un comentario