Logotipo Sergio Canales

Se acerca el 1 de Julio de 2023 y éste será el día en el que Universal Analytics deje de recopilar información, para dar paso al nuevo GA4. Por ello, si todavía no tienes esta nueva herramienta analítica, te invito a leer este tutorial en el que te explico paso a paso cómo instalar Google Analytics 4 en WordPress.

Escoge bien el camino a seguir

Existen muchas formas de configurar Google Analytics, por lo que para simplificar al máximo su setup de invito a ver el siguiente diagrama y a pensar cuál es el camino que quieres seguir:

cómo configurar Google

Una vez determinado, escoge aquí abajo tu opción para como implementar GA4:

Paso 1

crear cuenta GA
configurar propiedad GA4

Paso 2

configurar GA4
instalar UA y GA4

Paso 3

instalar analytics con plugin
instalar códigos de analytics

¿Paso 4?

instalar analytics en el header
Instalar analytics con GTM

En esta página voy a explicarte cómo configurar GA4, ¿y qué mejor ejemplo que implementar Google Analytics 4 en esta propia web? Así veremos juntos el procedimiento completo. Pero antes de empezar, déjame preguntarte:

¿Tienes ya una cuenta de Google Analytics o no?

Te hago esta pregunta porque dependiendo de la respuesta el procedimiento varía ligeramente. Aunque, tranquilo porque te explico las 2 aquí abajo:

Abrir cuenta en Google Analytics y configurarla desde 0

El primero paso para configurar GA4 es crear una cuenta en Google Analytics, para lo cual debes de ir a la página oficial de Google Analytics e iniciar sesión en Google.

abrir cuenta en Google Analytics 4

Una vez dentro empezará como tal la configuración de Google Analytics, lo cual se realiza en 3 sencillos pasos:

  1. Configuración de la cuenta
  2. Configuración de la propiedad
  3. Acerca de su empresa

Vamos a verlos en más detalle.

Configuración de la cuenta

Inicia el proceso de configuración de Analytics introduciendo el nombre de la cuenta (el cual es obligatorio) y marcando los checkbox que bajo tu criterio consideres oportunos (yo marco todos):

tutorial inicio google analytics

Configuración de la propiedad en GA4

Continúa configurando la propiedad dentro de la cuenta. Aunque estos valores puedes modificarlos posteriormente, te aconsejo rellenarlos correctamente y olvidarte.

cómo configurar una propiedad en Google Analytics 4

Acerca de su empresa

En este paso deberás incluir información relativa a tu empresa (sector en el que trabajas, tamaño y razón por la que quieres comenzar a usar esta herramienta de Google):

configurar GA4 desde cero

Llegados a este punto, puedes engancharte con el resto del tutorial si continuas leyendo.

¡No te quedes atrás en Google!

Únete a mi lista y recibe tips de SEO periódicamente.

Configurar GA4 con una cuenta de Analytics ya creada

En el caso de tener ya una cuenta de Google Analytics, voy a explicarte cómo configurar una propiedad en GA4 para que puedas empezar a utilizarlo.

Dirígete al panel de administración, haciendo clic en la rueda dentada que verás con fondo azul en la parte inferior izquierda del menú de analytics.

Configurar propiedad GA4

Una vez estés en el módulo de administración verás 2 columnas:

  • Cuenta.
  • Propiedad.
crear una propiedad en GA4

Aquí debes decidir si quieres crear una cuenta nueva para tu GA4 o si prefieres crearla dentro de tu cuenta actual.

Consejo

Si eres consultor y prestas servicios a varios clientes, crea una cuenta por cliente. En cambio, si trabajas con webs propias y no te quieres complicar, no crees una cuenta nueva.

Vamos a crear una propiedad para nuestra web. Para ello, haz clic en «Crear propiedad»

cómo crear una propiedad en GA4

Una vez dentro empezará como tal la configuración de Google Analytics, lo cual se realiza en 2 sencillos pasos:

  1. Configuración de la propiedad
  2. Acerca de su empresa

Vamos a verlos en más detalle.

Configuración de la propiedad

Comienza rellenando los valores de la propiedad. Aunque puedes modificarlos posteriormente, te aconsejo rellenarlos correctamente y olvidarte.

cómo configurar una propiedad en Google Analytics 4

Acerca de su empresa

En este paso deberás incluir información relativa a tu empresa (sector en el que trabajas, tamaño y razón por la que quieres comenzar a usar esta herramienta de Google).

como implementar ga4

Llegado a este punto ya tenemos la propiedad creada, pero debemos indicarle a Google para qué la queremos. Sigue leyendo para terminar la configuración

Configuración de propiedad Dual: Google Analytics 4 y Universal Analytics

Aunque GA3 dejará de recopilar datos a partir del 1 de julio de 2023, aquí te indico cómo configurar una propiedad en ambas versiones de Google Analytics.

Dirígete al panel de administración > Crear propiedad:

cómo crear una propiedad en GA4

Rellenamos los pasos ya comentados con la información de tu web (o no).

Crear propiedad GA4 y UA en Google Analytics

Y ahora, el truco está en esa casilla que aparece en la zona inferior llamada Mostrar opciones avanzadas. Tras ello, habilita la opción Crear una propiedad Universal Analytics. Introduce el nombre de tu web y haz clic en Siguiente.

instalar google analytics 4

Rellena los datos de tu empresa (o no).

Tras ello, automáticamente se te crearán 2 propiedades. Una con el nombre original (correspondiente a Universal Analytics) y otra con la coletilla «- GA4» (correspondiente a Google Analytics 4).

Para la instalación del código de UA debes acceder a tu propiedad > Información de seguimiento > Código de seguimiento:

Instalar Universal Analytics

Cópialo y pégalo en el Header.

Sigue leyendo para ver como instalarlas en tu web.

Configuración del flujo de datos

Una vez rellenado el formulario nos pedirá que le indiquemos la plataforma en la que queremos usar GA4.

Cómo configurar GA4

En nuestro caso es una web por lo que hacemos clic en web.

Ahora, debemos indicar la página web en la que la vamos a usar:

configurar flujo de datos en GA4
cómo instalar Google Analytics 4
Consejo

En la ventana de arriba puedes encontrar todos los eventos de medición mejorada que se medirán por defecto en Google Analytics. Si hay alguno que no quieres que se mida, simplemente haz clic en la rueda dentada de la derecha y podrás eliminarlos (salvo el de «vistas de página»).

Si bien, puedes deshabilitar los eventos por defecto que te ofrece GA4, no te aconsejaría quitarlos, pues nos dan información muy valiosa como las descargas en nuestra web, los clics de salida o el engagement.

Perfecto ya tenemos nuestra propiedad creada, vamos a instalarla en Wordpress.

Cómo instalar Google Analytics 4 en WordPress

En este punto ya tenemos creada nuestra propiedad de GA4 (si no lo has hecho haz clic aquí), pero todavía no está midiendo nada porque no la hemos instalado en nuestra página web. De hecho, así te lo indicará Google con un banner en amarillo:

crear flujo de datos GA4

Para solucionar esto nos ofrece 2 alternativas:

  • Hacerlo de forma manual, instalando un código JS.
  • Hacerlo sin tocar el código que te dan.

Si eres principiante, y buscas la sencillez, opta por la segunda opción. Ya habrá tiempo de cambiarlo, no te preocupes.

En cambio, si ya ha usado Universal Analytics o Google Adsense, y estás familiarizado con los códigos que te proporciona, te recomiendo la segunda.

En cualquier caso, vamos a ver las 2 opciones.

Cómo configurar Google Analytics 4 manualmente

Si has tomado la decisión de instalarlo manualmente ¡Enhorabuena!, pero tengo que decirte que ahora tienes que volver a tomar otra decisión ¿instalar directamente la etiqueta de Google Analytics 4 o hacer con Google Tag Manager?

Si no tienes configurado Google Tag Manager instala directamente la etiqueta en tu WordPress. En caso sí tener instalado GTM, te recomiendo encarecidamente instalarla GA4 a través de GTM.

Vamos con el procedimiento básico. Para ello, haz clic en la opción de «Instalar manualmente» y copia el código que te aporta Analytics, como el que ves abajo:

Instalar la etiqueta de GA4 manualmente

Una vez lo tengas, dirígete a tu panel de WordPress > Apariencia > Editor de archivos de temas:

como instalar GA4 en Wordpress manualmente

Si es la primera vez que accedes a este módulo te aparecerá un mensaje de aviso. ¡Hazle caso! Estás editando directamente el tema y si te equivocas la puedes liar parda. Asegúrate de tener un backup el día de antes y, por si acaso, copia toda la información en un bloc de notas para tener a mano el original (no es mi intención asustarte pero es mejor ser precavido con estos temas).

Una vez te encuentres en el editor de temas, dirígete al archivo de cabecera del tema (header.php), el cual encontrarás en el menú de la derecha

Una vez hayas abierto el archivo, busca la etiqueta <head> y debajo de ella copia la etiqueta del principio de la sección. Debe quedar algo como lo que ves abajo:

instalar GA4 en el header

Tras ello, haz clic en actualizar.

Cómo instalar GA 4 con Google Tag Manager

Si ya tienes instalado Google Tag Manager te aconsejo instalar GA4 a través de ésta herramienta. Para ello la clave está en sacar el ID de medición. Si no recuerda cuál era o como acceder a él, te comento que lo puedes localizar en administrar > propiedad > flujo de datos, y haciendo clic en tu flujo de datos.

Tu ID de medición se encuentra en la esquina superior derecha con la forma G-XXXXXXXXXX.

ID de medición de GA4
Copia tu ID de medición y dirigirte a tu panel de Google Tag Manager. En él, accede al contenedor de tu web y una vez dentro accede a la sección de etiquetas.
instalar GA4 con GTM
En el panel de etiquetas hacemos clic en Nueva
cómo instalar GA4 con GTM

Tras ello nos aparece la ventana de creación de una etiqueta. La cual está compuesta del apartado Configuración de la etiqueta y activación. Haz clic en Configuración de la etiqueta y del menú que te aparece haz clic en Google Analytics: configuración de GA4.

cómo instalar Google Analytics 4 con GTM

En la ventana que te aparece debes pegar tu ID de medición. Tras ello haz clic en Activación y selecciona la opción de All Pages. Con esto estamos diciendo que se active GA4 en todas las páginas.

cómo configurar Google Analytics 4 con Google Tag Manager

Finaliza el proceso haciendo clic guardar y dándole nombre a tu etiqueta. Por si te es de utilidad, yo la voy a llamar GA4 configuration.

Llegados a este punto, solo queda comprobar que te esté funcionado. Para ello, haz clic en Previsualizar e introduce el nombre de la página que quieres medir. Mira en la sección de Summary y si todo está bien encontrarás la etiqueta ejecutada, tal y como te indico abajo:

cómo comprobar instalación de Google Analytics 4 con Google Tag Manager

Esto no es necesario pero si quieres rizar el rizo, puedes ir a Google Analytics > Administración > seleccionar tu propiedad y hacer clic en DebugView. Verás como mientras debugeas en GTM te van apareciendo cronológicamente todos los eventos.

Cómo configurar GA4 con Google Tag Manager

Si te aparece como a mí, cierra el modo debug y envía el tag o etiqueta.

cómo comprobar instalación de GA4 en GTM

En el momento hagas clic en Enviar te aparecerá una ventana en la que debes rellenar el nombre de la versión y una pequeña descripción. Escribe lo siguiente:

Nota: Esto se hace para tener un pequeño histórico de versiones de cada etiqueta.

Tras ello haz clic en Publicar.

¿Cómo saber si tengo GA4 conectado?

Por fin hemos terminado el proceso de instalar GA4 en nuestra web, pero todavía queda saber si funciona o no. Para ello, lo más sencillo es abrir tu web y en paralelo ir a la página principal de Google Analytics.

como se si GA 4 funciona

Una vez estés en tu panel de GA4 dirígete al menú de «ver en tiempo real»:

cómo saber si tengo GA4 conectado

En mi caso, puedo ver como ahora mismo hay una persona conectada. Obviamente soy yo, porque acabo de crear la web y puedo ver que se están ejecutando 3 eventos:

Perfecto todo funciona, ¿ves como no ha sido para tanto? No obstante, esto es solo el comienzo. Ahora toca exprimir esta potente herramienta al máximo para sacar toda la información que podamos de nuestra web y optimalizarla al máximo.

Cómo instalar Universal Analytics con Google Tag Manager

Vamos a Variables > Nueva y hacemos clic en el cuadro que nos aparece:

Configurar UA con GTM

En elegir el tipo de variable seleccionamos Constante:

Crear una variable de tipo constante en Google Tag Manager

En el campo de valor introducimos el ID de seguimiento de UA

Crear variable en Google Tag Manager

Vamos ahora a Etiquetas > Nueva y seleccionamos el tipo llamado Google Anaylics: Universal Analytics.

Configurar UA con Google Tag Manager

En tipo de seguimiento debemos indicar «Vista de una página», tras ello hacemos marcamos la opción «Habilitar la anulación de configuración en esta etiqueta» y en el desplegable que se nos habilita incluimos la variable creada al principio (o directamente el ID de seguimiento de UA):

instalar Universal Analytics con Google Tag Manager

Tras ello, en triggers o activación seleccionamos la opción All Pages para que se ejecute en todas las páginas. Guardamos y enviamos.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *