[Cómo] 7 maneras fáciles de agregar Joomla Google Analytics (2021)

joomla google analytics

Si está planeando lanzar un sitio web Joomla, una de sus principales preocupaciones es monitorear el tráfico que recibe el sitio, por eso Joomla Google Analytics es una de las primeras cosas que querrá hacer.

Pero necesitará esto, no solo si desea monitorear su tráfico. En estos días, Google Analytics tiene información tan rica que realmente se estaría perdiendo si no utilizara todas las herramientas disponibles para monitorear el tráfico que llega a su sitio web. Cosas como

  • Metas,
  • seguimiento de eventos de comercio electrónico,
  • hits en tiempo real,
  • regiones y ubicaciones,
  • demografía,
  • idiomas,
  • navegadores,
  • ..
  • y hay mucha otra información procesable disponible dentro de la plataforma GA.

Obviamente, con la adición de Google Analytics como uno de los primeros pasos que debe realizar en su sitio web Joomla, la pregunta de cómo habilitarlo en Joomla surge con bastante frecuencia en los foros de Joomla.

En este artículo, lo guiaremos a través de varias formas de habilitar Google Analytics en su sitio web Joomla.

Encontrar el script de Google Analytics

Lo primero que debe hacer es asegurarse de tener acceso al script de Google Analytics que agregaremos al sitio. Si aún no se ha registrado, vaya a https://analytics.google.com/analytics/web/ y registrarse para obtener una cuenta.

A continuación, deberá crear una propiedad para su sitio web siguiendo las sencillas instrucciones que se detallan a continuación. Deberá agregar el nombre del sitio web, la URL final, la industria y su zona horaria.

Propiedad de Google Analytics

 

Una vez que haya creado la propiedad, se le presentará una pantalla que le muestra el código de seguimiento que deberá usar:

código de identificación de seguimiento de google analytics

Tome nota del ID de seguimiento o la etiqueta del sitio de Google.

El que necesitará depende del método que utilizará para agregar Google Analytics a Joomla de la siguiente manera.

Comencemos con los diferentes métodos.

1. Utilice un complemento de Joomla Google Analytics

Para hacer su vida más fácil, en lugar de jugar con el archivo index.php, puede elegir la forma más fácil de hacerlo a través de una extensión o complemento de Joomla.

Se recomienda que elija un complemento en lugar de un módulo, lo que permitiría que la generación del código se hiciera automáticamente sin tener que preocuparse por publicar el módulo en cada página.

La siguiente es una lista de Google Analytics extensiones para Joomla que están disponibles en el directorio de extensiones de Joomla, incluido uno por CollectiveRay. Com.

Si usa nuestro complemento, solo necesita agregar el ID de seguimiento en los parámetros del Código de Google Analytics como se indica a continuación, habilite. el complemento y listo!

Echa un vistazo a nuestro complemento de Google Analytics de Joomla

Complemento de Joomla de Google Analytics

2. Agregar el script GA manualmente

Si prefiere no utilizar ningún complemento por motivos de rendimiento o de otro tipo, puede optar por editar su plantilla para insertar el script desde la plataforma GA.

Básicamente, lo que tenemos que hacer es utilizar el soporte integrado en la plantilla o modificar ligeramente el archivo de la plantilla (porque esto es lo que genera el contenido de las páginas) de tal manera que cada página incluya el código de seguimiento de Google Analytics.

Una de las cosas importantes a considerar es que la forma en que lo hace depende real y verdaderamente de la plantilla de Joomla que está utilizando.

No existe una forma universal e idéntica de hacer esto en cualquier plantilla. Habiendo dicho eso, no es increíblemente difícil hacerlo, solo necesita obtener algunos consejos. Sin embargo, dado que todas las plantillas son diferentes en la forma en que están creadas, deberá ajustar el procedimiento de acuerdo con la plantilla que esté utilizando.

Entonces, ¿qué dice Google sobre la implementación de Google Analytics? Las instrucciones son muy sencillas:

"Este es el código de seguimiento de la etiqueta global del sitio (gtag.js) para esta propiedad. Copie y pegue este código como el primer elemento en el de cada página web de la que desee realizar un seguimiento. Si ya tiene una etiqueta de sitio global en su página, simplemente agregue la línea de configuración del fragmento a continuación a su etiqueta de sitio global existente ".

Eso parece bastante simple.

Google especifica que este código debe ir en el etiqueta de cada página web que queremos rastrear. La parte más importante es que es presente en cada página.

Esto debería simplificar las cosas. Solo necesitamos encontrar un archivo PHP en nuestra plantilla que se ejecuta en todas y cada una de las solicitudes. 

Para asegurarse de que el código de análisis esté disponible en todas las páginas, deberá agregar el código de secuencia de comandos al archivo index.php de la plantilla predeterminada que está utilizando. Para hacer esto, simplemente vaya a / templates / /index.php y pegue el código que obtiene de Google Analytics justo antes del cierre etiqueta:

3. Plantilla de Protoestrella

Tenga en cuenta que cambiaremos los archivos de plantilla directamente. Puede hacer esto a través de su CPanel de alojamiento o a través del Administrador de Joomla yendo a Extensión> Plantillas> Detalles y archivos de Protostar

Entonces, para Protostar, la plantilla Joomla predeterminada que viene con Joomla 3, abrimos el archivo /templates/protostar/index.php, buscamos y agregue el código que se vería como el siguiente antes: 

<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
</head>
<body class="site <?php echo $option

Y así es como se vería después. Recuerde utilizar su propio script, no el que se muestra a continuación.

<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1087262-34"></script> <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1087262-34');
</script> </head>
<body class="site <?php echo $option

Esto generará el código de seguimiento en cada página de Joomla y, por lo tanto, Analytics registrará cada visita en cada página, que es exactamente el resultado que desea lograr.

Hagamos esto para algunas plantillas más.

4. Beez 3

De forma predeterminada, Joomla 3 también viene con la plantilla Beez 3.

Para agregar Google Analytics a la plantilla Beez 30, en el Administrador de su sitio web Joomla vaya a Extensiones > Plantillas, haga clic en Plantillas, haga clic Detalles y archivos de Beez3 > Editar plantilla de página principal.

Encuentra el cierre etiqueta e inserte el código de Google Analytics allí y presione Guardar y Cerrar.

Puede optar por hacer esto también manualmente a través del Administrador de archivos o mediante FTP. Vaya a la carpeta / templates en la carpeta raíz de su sitio web usando un cliente FTP y abra el archivo index.php. Encuentra el cierre etiqueta e inserte el código de Google Analytics allí. Vea la imagen a continuación. 

Así es como se ve el código antes de agregar el script GA:

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<jdoc:include type="head" />
</head>

y esto es lo que parece después. Asegúrese de utilizar el código que obtuvo de su propio Google Analytics, NO el siguiente.

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<jdoc:include type="head" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1087262-34"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1087262-34');
</script>
</head> 

¡Este procedimiento se puede aplicar a cualquier plantilla de Joomla! Mientras encuentres el cierre e inserte la etiqueta de Google Analytics allí, debería poder agregar el código de Google Analytics.

5. Plantilla Joomlart

Si está utilizando una plantilla de Joomlart, generalmente se recomienda colocar el código de Analytics en un bloque específico de la plantilla. Por ejemplo, tomemos la plantilla ja_purity III.

Esta plantilla tiene un lugar específico donde debe colocar el código de Google Analytics. Ir Extensiones > Plantillas > Plantillas > Detalles y archivos de Purity III > tpls > bloques > head.php

Justo en la parte inferior del archivo head.php encontrará lo siguiente:

Simplemente agregue el script aquí y haga clic en Guardar y cerrar.

Puede agregar el código de Google Analytics a cualquier plantilla de Joomlart utilizando la técnica anterior. Siempre asegúrese de estar usando el archivo head.php.

Las plantillas de Joomla más recientes le permiten agregar código personalizado a la plantilla, sin tener que modificar ningún archivo manualmente. Por ejemplo, estamos usando JA MAGZ II. Si vas a Extensiones> Plantillas> Estilos> JA MAGZ II> Código personalizado, puede agregar la secuencia de comandos de GA a la sección Antes :

plantilla de código personalizado antes de la cabeza

6. Plantilla RocketTheme / Marco de pórtico

Las plantillas RocketTheme u otras plantillas que usan Gantry Framework tienen una función incorporada que no requiere que juegues con los archivos. Hay una función que le permite simplemente habilitar Google Analytics con solo un interruptor.

Vamos a esto en la plantilla AfterBurner2 para este ejemplo.

Para habilitar Google Analytics en una plantilla RocketTheme: Extensiones > Plantillas > EstilosAfterBurner2.

Esto lo llevará al Administrador de plantillas.

Desde aqui ve a Caracteristicas y busque Google Analytics. Mueva el interruptor a Encendido e ingrese la parte UA-XXXXXXXX de su código de Google Analytics. Vea el resultado final a continuación. Una vez más, asegúrese de ingresar su propio código UA de Google Analytics, no el que ve a continuación:

marco de pórtico de google analytics

7. Plantilla JoomlaShack

Para agregar Google Analytics a una plantilla de JoomlaShack, es ligeramente diferente a las otras que hemos visto, pero no demasiado. Vamos a hacer esto usando JS_Wright. Ir 

Extensiones > Administrador de plantillas > Plantillas > Detalles y archivos de JS_Wright> template.php.

Aquí puedes encontrar el cierre etiqueta y puede insertar su código de Google Analytics justo antes de la etiqueta una vez más.

 Alternativamente, puede usar la extensión Shack Analytics que le permite ingresar el Código en una configuración como se muestra a continuación:

configuración de análisis de chozas

 

 

Verifique la configuración de su código de seguimiento

Una vez que haya hecho lo anterior, debe verificar que el código esté funcionando. Su primer paso debería ser hacer clic en ver fuente: para verificar el código fuente de su sitio o usar las herramientas de desarrollo en su navegador para confirmar que puede ver que el código GA realmente se muestra en la fuente.

Si no es así, debe confirmar que ha seguido los pasos anteriores correctamente.

También puede verificar las visitas en tiempo real, que comenzarán a mostrar inmediatamente a los usuarios que visitan su sitio. Abra Google Analytics, haga clic en el enlace de visitas en tiempo real y actualice su sitio web.

Ahora debería verse a sí mismo como un visitante en las visitas en tiempo real. Si hace clic en Ubicaciones, debería mostrar su propia ubicación como el acierto.

hits en tiempo real de google analytics

Consejos adicionales para configurar Google Analytics

Después de haber agregado el código de seguimiento en su sitio web, hay algunos ajustes rápidos y fáciles que puede hacer rápidamente para mejorar su configuración de Analytics.

Excluya su dirección IP de Google Analytics

Como su sitio web será su bebé, probablemente lo visitará con mucha frecuencia. Así que no querrás inflar tus visitas a través de tus visitas. Idealmente, excluimos cualquier acceso de nuestras propias máquinas o las de nuestras oficinas.

A continuación, se explica cómo excluir direcciones IP específicas del registro de visitas en GA:

  1. Verifique su dirección IP con whatsmyip.org. Haga esto desde todas las ubicaciones a las que accede a su sitio y desea excluir hasta que tenga una lista de direcciones IP.
  2. Inicie sesión en Google Analytics y seleccione el perfil de su sitio.
  3. Ir a Seleccionar menú de administración, Y haga clic en Todo filtro.
  4. En la ventana que aparece, configure la configuración de la siguiente manera:
  • Nombre del instalador: cualquier cosa*
  • Tipo de filtro: Predefinido
    • Excluir
    • Tráfico de las direcciones IP
    • Que contienen
  • Dirección IP: las IP que verifica en el paso 1.
    filtro ip ga
     

Guárdelo y habrá excluido correctamente la dirección IP de Google Analytics.

Cree un panel de Google Analytics en Joomla

Si desea realizar un seguimiento del tráfico directamente desde su panel de administración de Joomla, puede usar la extensión del módulo llamada: Panel de Joomla Google Analytics:

  1. Descargue e instale Panel de Joomla Google Analytics extensión del módulo.
  2. Dirígete a Extensiones> Módulo> Sbruja al administrador módulo y busque el "Panel de control de Google Analytics ” módulo. 
  3. Completa el Nombre de dominio campo, asignar a Cpanel posición. Entonces Guardar.
    Módulo de panel de análisis de Google
  4. Configure la configuración del Panel de análisis de Google en el menú Administrador
  5. Hacé click autorizar la aplicación, aparecerá un cuadro en el panel de control de Joomla.
  6. Hacé click  Obtén el código de acceso. Probablemente tendrá que iniciar sesión con su cuenta de correo electrónico y permitirle el acceso a su panel de Google Analytics.
  7. Pegue el código de acceso en el tablero.

Puede seguir el proceso completo a continuación:

KlfiT3Bi7jo

Preguntas Frecuentes

¿Cuáles son las formas de agregar Google Analytics a Joomla?

Puede agregar Google Analytics a Joomla de 3 formas principales. 1) Modifique el código de la plantilla directamente, 2) Utilice un complemento, 3) Utilice el soporte GA integrado en una plantilla para un marco como Gantry.

¿Google Analytics ralentizará mi sitio?

No, Google Analytics no ralentizará su sitio porque se carga de forma asincrónica. Esto significa que crea un nuevo hilo de descarga que no bloquea la carga del resto de la página.

Sí, para todos los visitantes de la UE, si está utilizando Google Analytics en su sitio, debe presentarles las opciones para permitir o rechazar la cookie de Google Analytics para que sea compatible con GDPR.

Resumen

Como hemos visto anteriormente, agregar Joomla Google Analytics es principalmente un proceso simple y tiene varias opciones para poder completarlo. Si tiene más preguntas, escríbanos a continuación e intentaremos ayudarlo.

Sobre el autor
David Attard
Autor: David AttardPagina Web: https://www.linkedin.com/in/dattard/
David ha estado trabajando en o alrededor de la industria digital / en línea durante los últimos 18 años. Tiene una vasta experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Como consultor digital, su enfoque es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y plataformas digitales disponibles en la actualidad.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.
 

 

Complemento de almacenamiento en caché mejor calificado

Haz tu sitio web más rápido 

Paso a paso: curso gratuito por correo electrónico, cómo hacer que su sitio web se cargue less de 1 segundo  

 

¿quienes somos?

CollectiveRay está dirigido por David Attard: trabajando en y alrededor del nicho del diseño web durante más de 12 años, brindamos consejos prácticos para las personas que trabajan con y en sitios web. También ejecutamos DronesBuy.net, un sitio web para aficionados a los drones.

David attard

 

 

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...