Post on 12-Jun-2015
INTEGRACIÓN DE JOOMLA EN REDES SOCIALES
El objetivo de este tutorial es explicar cómo integrar las diferentes redes sociales en nuestros
artículos de Joomla! de manera fácil y cómoda. En el Joomla Extension Directoryexisten
muchos componentes, módulos y plugins que tienen esta funcionalidad pero solo uno de ellos
me llamó la atención y ese fue el KA Social Sharing. Este plugin es comercial pero reúne una
serie de funcionalidades que otros plugins gratuitos no nos dan. Por esta razón dedicaré este
tutorial a explicar las diferentes funcionalidades que nos permite este gran plugin.
El primer paso que tomaremos es descargar el plugin y para ello nos dirigiremos a la web del
autor: http://www.khawaib.co.uk/downloads/ka-social-sharing.html . Aquí nos descargaremos
el zip que nos permitirá instalar el plugin a Joomla!
Ahora llega el momento de configurar el plugin para que nos aparezcan los iconos de cada
una de las redes sociales en nuestra web. Para ello nos dirigimos a Extensiones > Gestor de
plugins > Content - KA Social Sharing
DISPLAY SETTINGS
MENU ID SETTINGS
Esta opción nos permitirá seleccionar en qué enlaces de menú queremos que se muestren los
iconos de redes sociales. Para ello tendremos que seleccionar la opción de "Menu Display
Mode" a "Show Only on following Selected Menus" y marcar los enlaces de menú donde
queramos que salgan.
COM CONTENT DISPLAY SETTINGS
Además de seleccionar los enlaces de menú podremos filtrar por sección, categoría o
artículos introduciendo cada uno de los identificadores en el campo que corresponda.
OTHER DISPLAY SETTINGS
Una opción muy útil del componente son las restricciones ya que aveces no nos interesa que
se muestre en alguna de las páginas de la web. Como podemos observar en la imagen
podremos restringir por vista de página principal, vista de categoría, vistas estándar de
categoría, vista de sección, vista de los últimos artículos, vista del artículo. Además podremos
modificar la posición donde se quiere mostrar los iconos en "Location for display".
INTEGRATIONS
Esta es la parte más importante ya que este plugin nos permite mostrar los iconos de las
redes sociales en diferentes componentes como EventList, K2, QuickFAQ, VirtueMart y Zoo.
ORDERING
Otra parte importante es la ordenación de los iconos. Esta es la ordenación con la cual se
mostrarán los iconos en nuestra web. En este caso podemos ver que el orden es:
[ twitter ][ tweetme ][ stumbleupon ][ reddit ][ digg ][ linkedin ][ buzz ][ plus1 ][ sharethis ]
[ share ][ send ][ like ]
En caso que alguno de estas redes sociales no estén habilitadas no saldrán en nuestro sitio
web.
DIFERENTES REDES SOCIALES
A partir de este punto encontramos las diferentes configuraciones de las redes sociales.
Aquí podremos habilitar diferentes iconos de Facebook como el "Facebook Share", "Facebook
Send" y "Facebook Like". Entre otras opciones podemos configurar el estilo del botón, tipo de
letra de la caja de Facebook, el ancho, el verbo (acción) que se quiere mostrar, el color, etc.
Para mostrar el icono de Twitter tendremos que poner el identificador de nuestro Twitter y
además podremos poner el texto del tweet.
STUMBLEUPON, REDDIT, DIGG, LINKEDIN Y SHARETHIS
Podrás habilitar cualquier de ellas para que se muestre el icono en nuestro sitio web. En este
caso solo bastará con habilitarla.
Una novedad en las redes sociales es el botón de +1 de Google. Esta función a parte de
permitir compartir el contenido con esta nueva red social, es muy recomendable para mejorar
el posicionamiento web en Google.
Sobre el autor
Jordi Vila es Ingeniero Técnico en Informática de Gestión. Forma parte del equipo de Web
Actualizable (www.webactualizable.com), empresa especializada en el desarrollo de proyectos
sobre Joomla!.
2. GALERIA DE IMÁGENES EN JOOMLA CON JSN IMAGESHOW
3. COMO HACER UNA COPIA DE SEGURIDAD EN JOOMLA 2.5 CON XCLONER
Tutorial para realizar y restaurar copias de seguridad en Joomla 2.5 con Xcloner. Este
componente nos permitirá hacer copias de seguridad de los archivos y bases de datos de
nuestro sitio web para restaurarlas en caso necesario. Podremos realizar copias de forma
manual o programar una tarea que las realice por nosotros. Además tendremos la opción de
guardar las copias en un servidor distinto al que aloja nuestra web o incluso podremos
enviarlas por email.
Podemos descargar el componente desde su página oficial e instalarlo desde el gestor de
extensiones.
Tras la instalación tendremos que ir a “Componentes > xcloner-backup-and-restore” para
comenzar el proceso de configuración. Veremos que, para manejar el componente
necesitamos loguearnos como administradores.
Figura 1: Acceso a la configuración
Una vez logueados iremos a “Configuration > system ” y seleccionar nuestro idioma.
Figura 2: Selección del idioma
En esta misma pestaña podremos establecer algunas opciones de configuración del servidor
ftp para transferir archivos entre servidores y, podremos modificar la configuración de la copia
de seguridad manual. En principio dejaremos todo tal y como está.
Figura 3: Configuracion de ftp y copia manual
Si volvemos a la pestaña “General” veremos la ruta de inicio de la copia de seguridad y la ruta
en la que se guardarán las copias generadas.
Figura 4: Rutas
A continuación decidiremos si la copia de seguridad será manual (para evitar problemas con el
tiempo de ejecución), si se copiará la base de datos y si la carpeta que contiene las copias de
seguridad también se incluirá en la copia.
Figura 5: Opciones del generador de copias de seguridad
También decidiremos si se utilizarán las funciones Tar y Mysqldump del servidor. De ser así
tendremos que especificar las rutas respectivas. Dado que no es necesario, lo dejaremos
desactivado.
Figura 6: Funciones del servidor
En la última parte de esta pantalla introduciremos nuestro código de licencia si lo tenemos.
Figura 7: Código de licencia
En la pestaña “MySQL” completaremos los datos para la conexión con nuestro servidor Mysql.
Si queremos hacer una copia de seguridad de otras bases de datos además de la de Joomla,
activaremos la última opción.
Figura 8: Configuración de Mysql
Si accedemos a “autentificación” podremos cambiar los datos de acceso al componente.
Figura 9: Datos de acceso
COPIA AUTOMÁTICA
El siguiente paso de la configuración corresponde a Cron. En esta sección podremos
establecer los parámetros de las copias de seguridad programadas, aunque su ejecución
dependerá de una tarea externa y no del propio componente. Aquí habilitaremos una Url a la
que habrá que acceder posteriormente para lanzar la copia de seguridad.
Comenzaremos escribiendo el nombre del archivo de configuración.
Figura 10: Nombre del archivo de configuración
A continuación podremos incluir una dirección de correo a la que enviar el log de Cron,
decidiremos dónde se guardarán las copias de seguridad (local, ftp, email), elegiremos el tipo
de copia a realizar (completa, solo archivos o solo BD), escribiremos el nombre del archivo
que se generará y podremos añadir IPs remotas para acceder al proceso.
Figura 11: Configuración de Cron
Si hemos decidido realizar la copia en un servidor Ftp, en la siguiente sección estableceremos
los datos de conexión.
Figura 12: Conexión al servidor Ftp
En caso de que queremos hacer guardar la copia empleando el sistema de almacenamiento
Amazon S3, tendremos que activarlo específicamente en esta sección e introducir los datos
de configuración.
Figura 13: Configuración de Amazon S3
Si el sistema de copia elegido es mediante correo electrónico, habrá que definir la dirección de
correo a la que se enviarán los archivos.
Figura 14: Email de destino
Podremos añadir bases de datos adicionales en la copia de seguridad seleccionándolas en la
lista.
Figura 15: BBDD extras
Finalmente decidiremos cuántos días se mantendrán las copias de seguridad en el servidor y
que carpetas estarán excluidas del backup.
Figura 16: Copias antiguas
Una vez configurada la copia con Cron, en el enlace del mismo nombre veremos una
descripción detallada de los métodos de ejecución de dicha copia (php, curl, wget y lynx).
Todos ellos acceden a una Url del servidor para lanzar la copia, por lo que habrá que
programar una tarea que acceda a la Url de forma periódica empleando alguno de los
sistemas disponibles.
Figura 17:Ejecución de Cron
COPIA MANUAL
Si queremos realizar la copia de forma manual, tendremos que dirigirnos a “Generar copia de
seguridad”. Aquí decidiremos si se copiará la base de datos y, en caso afirmativo, podremos
excluir tablas o añadir bases de datos extras.
Figura 18: Opciones de la base de datos
En la pestaña “Opciones de archivos” introduciremos el nombre de la copia (es conveniente
poner uno) y decidiremos que carpetas se excluyen del backup.
Figura 19: Opciones de archivos
En la última pestaña podremos añadir comentarios.
Figura 20: Comentarios
Si pulsamos en continuar comenzará el proceso de copia.
Figura 21: Inicio de la copia de seguridad
Una vez finalizado el proceso veremos un mensaje informándonos del éxito del mismo.
Figura 22: Fin de la copia
Desde el enlace “Ver copias de seguridad” veremos todas las copias que hemos realizado y
podremos gestionarlas y descargarlas, aunque para esto último es aconsejable utilizar un
cliente ftp.
Figura 23: Ver copias de seguridad
RESTAURAR COPIAS DE SEGURIDAD
Para restaurar una copia de seguridad tendremos que mover el archivo de copia a la raíz del
sitio en el que queremos realizar la restauración y luego iniciar el proceso de restauración.
Esto podemos hacerlo de dos formas, empleando un cliente ftp y lanzando la restauración de
forma manual o empleando el propio componente y ahorrándonos algunos pasos.
Mediante un cliente Ftp
Para emplear este método tendremos que copiar, además del archivo que contiene la copia,
los dos archivos contenidos en la carpeta “administrator\components\com_xcloner-
backupandrestore\restore”.
Figura 24: Mover archivos mediante Ftp
Tras esto, iremos a la página de restauración de la copia, que será la dirección de nuestra
web añadiendo al final “xcloner.php” ( http://misitio.com/xcloner.php), completaremos los datos
solicitados y pulsaremos en “Start Install”
Figura 25: Restauración
En primer lugar se restaurarán los archivos y, al finalizar, pulsaremos en el enlace inferior de
la página para comenzar la restauración de la base de datos.
Figura 26: Restauración de archivos
Cuando termine la restauración de los archivos y bases de datos, veremos una página como
la siguiente:
Figura 27: Fin del proceso de restauración
Pulsando en el enlace accederemos a nuestro sitio web completamente restaurado.
Figura 28: Sitio web restaurado
Mediante Xcloner
Podemos realizar el mismo proceso empleando el propio componente en lugar de un cliente
Ftp. Para ello iremos a “Ver copias de seguridad”, seleccionaremos la copia que queremos
restaurar y pulsaremos en “Move” (la opción “Clone” copia los archivos de datos al servidor
especificado pero no los dos archivos necesarios para la restauración).
Figura 29: Mover archivos empleando Xcloner
En la siguiente pantalla introduciremos los datos del servidor de destino.
Figura 30: Servidor de destino
Tras pulsar en “Continue” se llevara a cabo el proceso de copiado. Cuando finalice veremos
una pantalla como la siguiente.
Figura 31: Fin del proceso de copiado
Pulsando en el enlace accederemos a la misma pantalla de restauración que hemos visto en
el procedimiento anterior, aunque esta vez la veremos dentro del propio administrador de
Joomla. Los paso a seguir son los mismos que ya hemos visto antes.
Figura 32: Restauración
Si tenemos problemas con las copias o con la restauración, podemos emplear los enlaces de
ayuda incluidos en el componente para consultar el foro o la página de documentación de
Xcloner.
Figura 33: Enlaces de ayuda
4.analisis de visitas con joomla watch
Tutorial para instalar y configurar JoomlaWatch en Joomla 2.5. Este componente nos permitirá
recoger estadísticas de las visitas que recibe nuestro sitio web, tendremos la información en
tiempo real, un histórico de visitas, podremos recibir los datos por email, etc. También
dispondremos de dos módulos para el front-end que mostrarán a los visitantes de nuestra web
un resumen de la activad registrada en el sitio.
El componente dispone de una versión gratuita y otra de pago, ambas disponibles para
descargar en la página oficial de JoomlaWatch.
Realizaremos la instalación siguiendo el procedimiento habitual y, una vez finalizada, veremos
un mensaje informándonos de que debemos instalar y activar el módulo
“mod_joomlawatch_agent”.
Figura 1: Mensaje de aviso para instalar el módulo Joomla Watch Agent
Dicho módulo se está incluido en la descarga de la extensión, por lo que simplemente habrá
que instalarlo mediante el gestor de extensiones de Joomla.
Figura 2: Instalación del módulo Joomla Watch Agent
Una vez instalado, iremos al gestor de módulos y publicaremos el módulo “JoomlaWatch
Agent”. Habrá que habilitarlo para todas aquellas páginas de las que queremos recoger
estadísticas.
Figura 3: Publicación de Joomla Watch Agent
Si nos dirigimos ahora al front-end, el módulo tendrá que ser visible.
Figura 4: Joomla Watch Agent en el front-end
A partir de este momento, el componente comenzará a recoger estadísticas.
Además del módulo mencionado, la extensión dispone de otros dos módulos, “Joomla Watch
Visitors” y “Joomla Watch Users”, ambos incluidos en el paquete de descarga de
JoomlaWatch. Es conveniente instalar estos módulos antes de configurar el componente.
Figura 5: Contenido del paquete Joomla Watch
Para comenzar el proceso de configuración, nos dirigiremos a “Componentes > Joomla
Watch” y pulsaremos en el enlace “Configuration”. En la pestaña “Apariencia” podremos
establecer el idioma del componente y cambiar algunos elementos relacionados con la
apariencia, como el máximo número de caracteres que veremos en las estadísticas, el número
de bots y visitantes que veremos en el back-end, el tamaño delo mensaje de ayuda, etc.
Figura 6: Configuración del idioma y la apariencia
Si vamos a la pestaña “Países”, podremos establecer algunas opciones del front-end (varias
de ellas solo funcionan en la versión pro), como ocultar el logo, activar el atributo “nofollow” en
el link del logo, o incluir un enlace en el nombre de los usuarios que aparecen en el módulo de
usuarios del front-end. También configuraremos algunas opciones del módulo de países,
como el orden en que se mostrarán sus contenidos (Visitantes – Países, o viceversa), si se
verá el nombre de los países, el número de países a mostrar, etc.
Figura 7: Configuración de los módulos del fornt-end
En “Visitantes”, estableceremos las opciones de visualización del módulo “JoomlaWatch
Visitors” relacionadas con los visitantes (no con las países). Decidiremos si serán visibles el
número de visitantes actuales, diarios, semanales, mensuales, etc.
Figura 8: Configuración del módulo JoomlaWtatch Visitors
Desde la sección “Historial y Desempeño”, podremos establecer el tiempo que se guardarán
algunos datos estadísticos en la base de datos (visitantes, direcciones ip, bots, etc). También
configuraremos las opciones de cahé y tiempos de actualización de los datos.
Figura 9: Historial y Desempeño
En la configuración avanzada, decidiremos si se mantienen los datos de las tablas al
desinstalar el componente, podremos incluir una lista de Ips, direcciones y usuarios que serán
ignorados por las estadísticas y podremos introducir un mensaje informativo para los usuarios
bloqueados.
Figura 10: Opciones avanzadas de configuración
Si vamos a “Experto”, podremos establecer el valor del campo “SERVER_URI_KEY” y limpiar
todas las estadísticas recogidas hasta el momento.
Figura 11: Configuración “Experto”
Una vez revisadas las opciones de configuración, podemos dirigirnos a la sección
“Estadísticas”. En la zona central de la pantalla veremos una lista con los últimos visitantes de
nuestra web, las estadísticas en tiempo real y las visitas recibidas por parte de bots.
Figura 12: Zona principal de las estadísticas
Pulsando sobre las Ips de los visitantes podremos bloquearlas y desbloquearlas.
Figura 13:Bloqueo y desbloqueo de IPs
Si nos fijamos en el panel de la derecha, veremos las estadísticas de las visitas de la semana.
Figura 14: Visitas de la semana
Mas abajo veremos las estadísticas diarias, con detalles sobre las referencias, flujo de
entrada, palabras clave, páginas, países, navegadores, sistema operativo, etc.
Figura 15:Estadísticas diarias detalladas
Junto a estas estadísticas, se encuentra la pestaña “Tiempo Completo”, que recoge la misma
información que las estadísticas anteriores pero empleando un rango de tiempo mas amplio,
concretamente desde la instalación del componente.
Figura 16: Estadísticas de tiempo completo
En la sección “Graphs” veremos distintas gráficas en función del concepto seleccionado de la
lista desplegable (goals, ip, browser, os, etc). Veremos dos gráficas, una que muestra la
información agrupada en días y otra que la muestra por semanas.
Figura 17: Graficas diaria y semanal
Si vamos a la sección “History”, veremos un histórico de las visitas recibidas en nuestra web.
Veremos la información agrupada por días, presentada de una forma similar a las estadísticas
en tiempo real.
Figura 18: Histórico de visitas
En la pestaña “Anti Spam” veremos una lista con las Ips bloqueadas y podremos
desbloquearlas.
Figura 19: Lista de Ips bloqueadas
También podremos activar los bloqueos basados en palabras de la lista negra. Dicha lista
contiene una serie de palabras predefinidas que podremos modificar en función de nuestras
necesidades. JoomlaWatch revisa si el visitante ha enviado un formulario en nuestra web con
algunas de estas palabras y, de ser así, lo bloquea.
Figura 20: Bloqueo basado en la lista negra de palabras
Desde el enlace “Metas” podemos establecer objetivos que deseamos cumplir. Estos objetivos
los definiremos en función a una serie de criterios, por ejemplo una dirección Ip de
procedencia, un nombre de usuario, una página de destino en nuestro sitio web, etc. Cada vez
que se cumplen las condiciones, el contador de la meta específica se incrementará.
Figura 21: Lista de metas a cumplir
Para crear una nueva meta, pulsaremos en nuevo e introduciremos el nombre de la meta y las
condiciones que deberán cumplirse para que se incremente el contador.
Figura 22: Creación de una nueva meta
Si queremos recibir un email diario con los datos de JoomlaWatch, tendremos que activar la
opción correspondiente en la sección “Email”. Podremos establecer los valores en función de
los que se enviará la información (cambios diarios, semanales o mensuales).
Figura 23: Envío de informes por email
Mas abajo podremos ver el informe generado durante el día anterior.
Figura 24: Informe del día anterior
Para adquirir una licencia de JoomlaWatch y ampliara así las funcionalidades del componente,
nos dirigiremos a “Licencia Ad-Free” y, tras realizar el pago correspondiente, tendremos que
introducir el código y activar el producto.
Figura 25: Adquisición de una licencia de JoomlaWatch
Desde la sección “Status” podemos consultar en todo momento el estado de las tablas
JoomlaWatch. Aquí veremos el nombre de la tabla, el número de filas y el tamaño que ocupa
la información.
Figura 26: Estado de las tablas de JoomlaWatch
La última de las secciones del panel de control del componente es la correspondiente a los
correspondiente a los créditos, donde veremos la información relativa a los creadores de la
extensión.
Figura 27: Créditos de JoomlaWatch
Módulos del front-end
Como ya hemos visto mas arriba, el componente JoomlaWatch cuenta con dos módulos que
ofrecen información estadística en el front-end, “JoomlaWatch Visitors” y “JoomlaWatch
Users”.
Aquí podemos ver una captura del módulo “Joomla Watch Visitors” en el front-end.
Comprobaremos que ofrece datos sobre el número de visitantes y su procedencia.
Figura 28: Módulo JoomlaWatch Visitors en el front-end
Para finalizar, el otro módulo, “JoomlaWatch Users”, nos mostrará una lista con los usuarios
que han visitado nuestra web.
Figura 29: Módulo JoomlaWatch Users
5.Joomla y dispositivos móviles