integración de joomla en redes sociales

39
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

Upload: yesenia-diaz

Post on 12-Jun-2015

309 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Integración de joomla en redes sociales

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

 

Page 2: Integración de joomla en redes sociales

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 ]

Page 3: Integración de joomla en redes sociales

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.

FACEBOOK

 

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.

 

TWITTER

Page 4: Integración de joomla en redes sociales

 

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.

 

GOOGLE

 

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.

Page 5: Integración de joomla en redes sociales

 

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

Pdf

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.

Page 6: Integración de joomla en redes sociales

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

Page 7: Integración de joomla en redes sociales

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

Page 8: Integración de joomla en redes sociales

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.

Page 9: Integración de joomla en redes sociales

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.

Page 10: Integración de joomla en redes sociales

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.

Page 11: Integración de joomla en redes sociales

Figura 19: Opciones de archivos

En la última pestaña podremos añadir comentarios.

Page 12: Integración de joomla en redes sociales

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.

Page 13: Integración de joomla en redes sociales

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”.

Page 14: Integración de joomla en redes sociales

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.

Page 15: Integración de joomla en redes sociales

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.

Page 16: Integración de joomla en redes sociales

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.

Page 17: Integración de joomla en redes sociales

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.

Page 18: Integración de joomla en redes sociales

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.

Page 19: Integración de joomla en redes sociales

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”.

Page 20: Integración de joomla en redes sociales

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.

Page 21: Integración de joomla en redes sociales

 Figura 3: Publicación de Joomla Watch Agent

 

Si nos dirigimos ahora al front-end, el módulo tendrá que ser visible.

Page 22: Integración de joomla en redes sociales

 

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

Page 23: Integración de joomla en redes sociales

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.

Page 24: Integración de joomla en redes sociales

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

 

Page 25: Integración de joomla en redes sociales

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.

Page 26: Integración de joomla en redes sociales

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.

Page 27: Integración de joomla en redes sociales

 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.

Page 28: Integración de joomla en redes sociales

 Figura 15:Estadísticas diarias detalladas

 

Page 29: Integración de joomla en redes sociales

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.

Page 30: Integración de joomla en redes sociales

  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.

Page 31: Integración de joomla en redes sociales

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

Page 32: Integración de joomla en redes sociales

 

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

Page 33: Integración de joomla en redes sociales

 

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.

Page 34: Integración de joomla en redes sociales

 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.

Page 35: Integración de joomla en redes sociales

 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

 

Page 36: Integración de joomla en redes sociales

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.

Page 37: Integración de joomla en redes sociales

  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