Las Redes Sociales siguen cobrando importancia en Internet y una consecuencia es que cada vez encuentras más servicios similares entre los que elegir. La segunda consecuencia se produce cuando tienes un blog y te das cuenta de que cada vez hay más botones al estilo ‘Me Gusta’ para añadir a tus páginas.
Google también se ha unido a la moda y ya es bastante habitual encontrar en muchos blogs botones Google +1 junto a otros de Twitter, Facebook y demás redes sociales.
En este pequeño tutorial vamos a ver cómo puedes añadir este botón de Google en tu blog, tanto en la página principal como en páginas de posts.
Instalando el código JavaScript
El botón de Google +1 está compuesto por dos partes de código. La primera de ellas es una línea que carga un programa en JavaScript necesario para que el botón funcione y la segunda parte es la que muestra el botón en sí mismo.
Quizás quieras añadir más de un botón en cada página para aumentar el número de probabilidades de que alguien lo vea y haga click y aquí viene lo importante: puedes utilizar el código que muestra el botón todas las veces que necesites, pero el código JavaScript solo debe llamarse una vez. No ya porque vayan a producirse posibles errores, sino porque vas a enlentecer la carga de tus páginas.
Por este motivo, es buena idea instalar el código JavaScript separado del código que muestra el botón. Cargas el JavaScript una sola vez al inicio de cada página y luego muestras el botón todas las veces que quieras.
Para instalar el código JavaScript debes editar el archivo header.php del tema que tengas activo en tu instalación WordPress. Una vez que lo estés editando debes añadir éste código dentro de las etiquetas <head></head>:
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
Una vez que hayas añadido el código, pasamos al segundo paso:
Añadir el botón Google +1
Añadir el botón Google +1 es tan sencillo como añadir éste código justo donde quieras que aparezca:
<g:plusone></g:plusone>
Por ejemplo, si quieres añadirlo en la barra lateral de tu blog, solo tienes que ir al menú de Administración de tu blog, seleccionar ‘Widgets’ y añadir una caja de texto. Luego añade el código anterior.
Si quieres que aparezca en la cabecera de tu página, debes añadirlo en el archivo header.php. Recuerda que el contenido de la página en sí misma comienza detrás de la etiqueta <body>
Para que aparezca en el pie de página, edita el archivo footer.php, solo busca el lugar donde quieras que aparezca e inserta el código.
Si quieres añadir el botón justo debajo o encima de cada post, entonces debes editar el archivo single.php. En éste archivo encontrarás una línea llamada the_content(). Justo lo que añadas delante de esa línea aparecerá encima del post. Lo que añadas justo detrás aparecerá justo al final del post. Por ejemplo:
the_content()
<g:plusone></g:plusone>
La línea anterior haría que el botón Google +1 se muestre justo detrás del texto de cada post.
Personalizando la URL
Hay que recordar que el botón no necesita parámetros. La página donde esté insertado el botón es la página que automáticamente se promociona con el botón.
Sin embargo, es posible que quieras añadir un botón en cada post pero de forma que todas apunten a otra URL, normalmente la principal del blog.
En éste caso, tendrías que insertar el botón de esta forma:
<g:plusone href=»http://oleblogs.com»></g:plusone>
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
De ésta forma, todos los botones que añadas apuntarán a la página inicial de tu blog (obviamente, reemplaza «oleblogs.com» por tu propia URL).
En resumen
Añadir el botón Google +1 no es demasiado complicado, tan solo separa el código en dos partes e inserta el código del botón en lugares visibles y recuerda que las URLs que se promocionan se asignan automáticamente a cada página a menos que indiques lo contrario.