Viernes, 22 Julio 2011 23:10

Insertar el botón de Google +1 en el título de artículos de K2

Escrito por 
CMS:  Joomla! |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


Insertar el botón de Google +1 en el título de artículos de K2En anteriores artículos hemos visto varias formas de insertar el botón de Google +1 en un sitio web en Joomla! con un resultado muy aceptable. Si bien es cierto que han surgido ya varias extensiones en el JED que integran el susodicho botón, ninguna de ellas hasta el momento lo hacen en el título de los artículo de extensiones como K2, cada vez más utilizadas para sustituir la gestión de artículos nativa de Joomla!.

Aparentemente no podemos decir que incorporar el botón en esta posición tenga más ventajas o inconvenientes pero si puede ser significativa su presencia en dicha posición en términos de uso y posicionamiento por parte de quienes lean los artículos del sitio que incorpore esta funcionalidad en sus títulos.

Si algo consultamos primero siempre son los titulares, es algo que arrastramos desde la prensa escrita donde el titular es el que determina si el público leerá o no el contenidos pues este recoge en muy pocos caracteres lo que supuestamente es la esencia de su contenido, pero no vamos a centrarnos en como crear títulos más originales o más persuasivos, sino en como poner al lado de los mismos este botón de Google para que quienes lean nuestros contenidos tengan siempre a mano la opción de valorarlos y difundirlos entre sus círculos en G+1.

El proceso para llevar a cabo esta tarea de forma rápida, segura y sencilla pasa por lo siguiente:

  • Realización de una copia de seguridad, recomendado con Akeeba Backup.
  • En función de que navegador utilicemos para realizar los cambios (IE, Chrome o Firefox) podremos decidir editar desde NinjaXplorer o eXtplorer o bien desde el Administrador de Archivos de cPanel.
  • Decidido el modo de editar los archivos a modificar (en el ejemplo usaremos NinjaXplorer desde Firefox) procedemos a localizar el archivo components/com_k2/templates/generic.php
  • A la altura de la línea 14, después de ?> insertamos lo siguiente y guardamos los cambios:
  • <g:plusone size="medium"></g:plusone>
  • Posteriormente, en el archivo components/com_k2/templates/default/category_item.php, localizamos la línea 50 donde se gestiona la clase "catItemTitle" e insertamos lo siguiente:
  • <?php echo $this->item->title; ?></a> <g:plusone size="medium"></g:plusone>
  • En el archivo components/com_k2/templates/default/category_item_links.php a la altura de la línea 17, después de ?> insertamos lo siguiente y guardamos los cambios:
  • <g:plusone size="medium"></g:plusone>
  • La misma operación la realizamos en el archivo components/com_k2/templates/default/item.php, a la altura de la línea 57, antes del cierre de la etiqueta insertamos y guardamos los cambios:
  • <g:plusone size="medium"></g:plusone>
  • Ahora debemos insertar los scripts correspondientes en la plantilla que tengamos en uso, editando el correspondiente archivo index.php o el que corresponda para otras plantillas:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'es'}</script>

En el caso de la plantilla JA Purity II lo insertamos en el archivo /templates/ja_purity_ii/layouts/default.php a la altura de la línea 94.

Realizados todos estos cambios procedemos a recargar la página y deberíamos ver dicho botón al final del título del artículo correspondiente a K2 como se muestra en la siguiente imagen:



Desde el siguiente enlace podemos generar el código de nuestro botón de Google +1:

Botón +1 de Google

En el vídeo podemos ver en detalle todo el proceso de edición y cambios hasta mostrar finalmente el botón de Google +1 en los título de los artículos creados en K2.





¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+