1. Web Design
  2. WordPress
  3. WordPress Themes

Cómo añadir Google Analytics a WordPress

Scroll to top

Spanish (Español) translation by Carlos (you can also view the original English article)

En este tutorial aprenderás tres maneras de añadir Google Analytics a tu sitio web de WordPress. ¡Empecemos de inmediato!

Añade Google Analytics a WordPress

¿Qué es Google Analytics?

Google Analytics es una herramienta gratuita que puedes utilizar con tu cuenta de Google para rastrear y generar informes sobre el tráfico de tu sitio web. Registra información sobre los visitantes del sitio web, qué páginas visitaron, por cuánto tiempo, desde qué lugar del mundo, cómo llegaron a tu sitio web, y mucho más. Incluso se integra con Google Ads para también juntar la información sobre la adquisición pagada.

Es indudablemente el servicio de análisis web más usado.

Cómo enlazar Google Analytics a WordPress

Digamos que tienes un sitio web de WordPress; ¿cómo conectarías Google Analytics a él? Voy a explicar tres maneras de hacerlo, pero primero: tienes que registrarte en Google Analytics usando tu cuenta de Google.

1. Regístrate en Google Analytics

Visita Google Analytics y (si aún no lo has hecho) accede utilizando tu cuenta de Google. Se te mostrará la página de bienvenida:

welcome to google analyticswelcome to google analyticswelcome to google analytics

Presiona el botón Start Measuring (Comenzar a medir) o Set up for free (Configurar gratis) y se te mostrará una pantalla donde puedes ingresar los detalles de tu cuenta.

Luego selecciona Web cuando se te pregunte qué tipo de análisis deseas utilizar

Finalmente, se te pedirá el nombre del sitio web y tu URL, después de lo cual podrás presionar Create (Crear).

Obtén tu etiqueta global del sitio

Una vez que hayas creado la cuenta de analytics, se te proporcionará un ID de seguimiento (que será algo así: UA-1111111111), además de un fragmento de código llamado la etiqueta global del sitio que tiene este aspecto:

1
<!-- Global site tag (gtag.js) - Google Ads: CONVERSION_ID -->
2
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-1111111111"></script>
3
  <script>
4
    window.dataLayer = window.dataLayer || [];
5
    function gtag(){dataLayer.push(arguments);}
6
    gtag('js', new Date());
7
8
    gtag('config','UA-1111111111');
9
  </script>

2. Utiliza el plugin MonsterInsights para WordPress

El primer método, y en mi opinión el más fácil y el mejor, es utilizar un plugin llamado MonsterInsights para WordPress.

En tu escritorio de WordPress, ve a Plugins > Añadir nuevo (Add New) y busca monsterinsights. Cuando lo encuentres, presiona Instalar ahora (Install Now) y luego Activar (Activate).

Use the MonsterInsights WordPress PluginUse the MonsterInsights WordPress PluginUse the MonsterInsights WordPress Plugin

Inicia el asistente de configuración de MonsterInsights

Se te mostrará de manera automática un asistente de configuración donde podrás responder a un grupo de preguntas para que las cosas funcionen, y se te solicitará que conectes MonsterInsights a tu cuenta de analytics. Se te pedirá que accedas a tu cuenta de Google, y la autenticación se hará por ti.

Se te darán otras opciones, pero la configuración por defecto debería estar bien. A continuación se te mostrarán algunas actualizaciones premium (no las necesitamos por ahora).

¡Has terminado!

Generalmente toma alrededor de 24 horas para que los análisis empiecen a extraer datos, pero una vez hecho esto, tendrás acceso a tus reportes directamente desde tu escritorio de WordPress en Insights (Estadísticas) > Reports (Informes), o a través de Google Analytics en la forma normal.

3. Usa el plugin Insert Headers and Footers para WordPress

Si prefieres un enfoque un poco más práctico, puedes utilizar un plugin diferente para implementar la etiqueta global del sitio tú mismo. Nuevamente, ve a Plugins > Añadir nuevo y busca insert headers.

Use the Insert Headers and Footers WordPress PluginUse the Insert Headers and Footers WordPress PluginUse the Insert Headers and Footers WordPress Plugin

Una vez instalado y activado, ve a Ajustes (Settings)> Insert Headers and Footers y se te proporcionarán dos grandes áreas de texto en las que puedes añadir cualquier fragmento que quieras.

Nosotros queremos añadir la etiqueta global del sitio, y si no la tienes, puedes obtenerla visitando tu cuenta de Google Analytics y yendo a Administrar > Información de seguimiento> Código de seguimiento.

Regresa a tu escritorio de WordPress y pega el código de seguimiento en el cuadro de la cabecera (header) en la página Insert Headers and Footers. Ahora se incluirá en el header de todas y cada una de las páginas de tu sitio web, rastreando los datos del usuario cada vez que se cargue.

4. Añade la etiqueta global del sitio a tus archivos del tema de WordPress

El siguiente método remueve aún otra capa, añadiendo el fragmento de código de forma manual a tus archivos del tema.

Opción 1: Edita header.php

Es posible editar archivos desde el escritorio de WordPress, no obstante, siempre debes asegurarte de que sabes exactamente lo que estás haciendo para evitar que se dañe algo.

Ve a Apariencia > Editor de temas (Appearance > Theme Editor) y a continuación busca Cabecera del tema (header.php) en la lista de archivos de la derecha. Selecciónalo y su contenido aparecerá en la ventana del editor.  

Ahora puedes pegar su etiqueta global de sitio inmediatamente después de la etiqueta de apertura <head> y  presiona Actualizar archivo (Update file). Tu fragmento ahora se cargará en cada página de tu sitio web.

Opción 2: Edita functions.php

Añadir scripts como este a functions.php suele ser más recomendable que trabajar directamente en header.php, por lo tanto, abre functions.php en el editor de archivos.

En la parte inferior del archivo, debes añadir una acción para insertar el fragmento, de esta forma:

1
<?php
2
    add_action('wp_head', 'custom_googleanalyics');
3
    function custom_googleanalyics() { ?>
4
    
5
        <!-- paste analytics code right here -->
6
        
7
<?php } ?>

Este código básicamente espera a que la función wp_head() se active en tu sitio web (cuando la página se carga) en ese momento activa su propia función y pega el fragmento de código. El resultado final es muy similar a los otros enfoques en los que el código de Google Analytics se añade a la cabecera de la página.

Aviso

Vale la pena mencionar que al utilizar este último enfoque implica que al cambiar el tema de WordPress, tu fragmento de código ya no estará presente.

Conclusión

De los tres métodos para añadir Google Analytics a WordPress que se analizan aquí, definitivamente recomiendo utilizar el primero; el plugin MonsterInsights. Es fácil, no hay código involucrado, obtienes informes analíticos directamente en tu escritorio de WordPress, y es completamente gratis.

¡Permanece atento a Tuts+ para más tutoriales, cursos y videos gratuitos de WordPress!