Integración de Oct8ne con Google Analytics 4

Oct8ne permite la integración directa con Google Analytics versión 4 (GA4) a través del envío de eventos. Estos aportan información vital sobre las interacciones que se realizan dentro de Oct8ne, que podrás consultar en tu panel de Google Analytics.

Los eventos que Oct8ne envía por defecto se generan cuando:

12. El visitante entra al chat.
13. Visitante atendido.
14. Visitante abre el formulario de contacto.
15. Visitante envía el formulario de contacto.
16. Visitante escoge un departamento.
17. Visitante o agente añaden un producto al carrito.
18. Se ha mostrado algún producto en la sesión.
19. El visitante valora la sesión de chat.
20. El visitante vuelve a la página después de haber interactuado con el chat.
21. El agente etiqueta una sesión
22. El visitante ve un producto en el visor
23. El agente sugiere un producto

Aparte de estos eventos, se podrán enviar eventos personalizados generados en nuestro editor de conversiones de Bot o mediante desarrollos a medida que se deberán acordar con el equipo de Soporte de Oct8ne.

Para configurar el envío de eventos deberemos seguir siguientes pasos descritos a continuación.

En el dashboard de Oct8ne, entrando como usuario de tipo Administrador, nos dirigimos al apartado Settings/Integraciones/Analítica Web.

En el formulario encontraremos los eventos recogidos en el apartado 2 de este tutorial. En ese punto, debemos activar los que creamos necesarios para su seguimiento en el panel de GA4.

Para recibir los eventos de Oct8ne, tu página web deberá tener acceso a GA4. Este acceso puede estar configurado a través de una de estas herramientas:

13. Global SiteTag (gtag.js)

Si se utiliza esta etiqueta los eventos se enviarán automáticamente sin necesidad de hacer nada más. Por lo que la configuración estaría completa. ¡Enhorabuena!

14. Google Tag Manager (GTM)

Si los eventos de tu página se recogen a través de GTM deberás seguir leyendo este manual y completar todos los pasos que se detallan a continuación.

Si no estás seguro de la etiqueta que utiliza tu página, consulta con tu desarrollador o equipo de marketing, o consulta este enlace

iopoio

Configuración de Google Tag Manager

Para continuar con la configuración deberás acceder a tu Área de trabajo de Google Tag Manager (GTM) y completar las siguientes acciones.

Estas variables debemos crearlas accediendo a la opción de menú Variables del Área de trabajo de GTM.

Para poder recibir los diferentes parámetros de los eventos (Categoría, Acción, Etiqueta y Valor) se deberá crear una variable para cada uno de ellos.

Propiedad	Nombre propiedad	Nombre variable (Son recomendaciones, puedes escoger cualquier otro)
Categoría	eventCategory	CategoríaOct8ne
Acción	eventAction	AcciónOct8ne
Etiqueta	eventLabel	EtiquetaOct8ne
Valor	eventValue	ValorOct8ne

Deberemos repetir el siguiente proceso 4 veces, una por cada propiedad.

1. En la parte inferior Variables definidas por el usuario pulsar el botón NUEVA, y elegiremos el tipo Variable de capa de datos.

2. En el campo Nombre de variable de capa de datos escribiremos el nombre de la propiedad, por ejemplo, “eventCategory”. 

3. En la parte superior nombraremos a la variable con un nombre descriptivo, por ejemplo, “CategoriaOct8ne”. Elija un nombre que le resulte fácilmente reconocible en el futuro o que se ajuste a su nomenclatura.

4. Una vez rellenados los campos, pulsaremos el botón GUARDAR.

Formulario de creación de variables en GTM

Una vez creadas las 4 variables pasaremos al siguiente punto.

En la opción del menú principal Activadores añadiremos un nuevo activador, en el cual especificaremos las condiciones que harán que se ejecute la etiqueta que crearemos en el último paso.

Dentro de la pantalla de Activadores, pulsaremos el botón Nuevo y escogeremos uno de tipo Evento personalizado.

En el campo Nombre de evento escribiremos oct8ne_event (es imprescindible que se escriba tal cual aparece aquí). Y en la parte superior titularemos el activador con un nombre descriptivo, por ejemplo, “EventoOct8neGA4”.

Pulsaremos el botón Guardar y seguimos con el siguiente paso.

Por último, crearemos la etiqueta que permitirá recoger los eventos enviados desde Oct8ne. Para ello nos dirigiremos al apartado Etiquetas del menú principal y pulsaremos el botón NUEVA.

Aparecerá una pantalla con dos zonas: Configuración de la etiqueta y Activación.
En la primera zona escogeremos una etiqueta de tipo GoogleAnalytics: evento de GA4 y a continuación rellenaremos los siguientes campos:

1. Etiqueta de configuración:     Seleccionamos la etiqueta de tipo GoogleAnalytics:   configuración de GA4 donde hayamos configurado el Id de medición de GA4 o añadimos el Id manualmente.

2. Nombre del evento: Escribiremos oct8ne_event (nos aseguraremos de que esté bien escrito).

3. Parámetros de evento: Aquí rellenaremos los 4 campos utilizando las variables creadas en el punto 3.3.1. Para ello pulsaremos en el botón del campo Valor de cada uno de ellos y seleccionaremos la variable que corresponda (ejemplos según los nombres asignados anteriormente).

El campo Nombre del parámetro es el que aparecerá en nuestro panel de GA4, se puede modificar según se necesite.

Nombre del parámetro	Valor
Categoría	{{CategoríaOct8ne}}
Acción	{{AcciónOct8ne}}
Etiqueta	{{EtiquetaOct8ne}}
Valor	{{ValorOct8ne}}

A continuación, pasaremos al apartado inferior Activación y seleccionaremos el activador creado en el paso 2: EventoOct8neGA4.

Finalmente, añadiremos un nombre descriptivo a la etiqueta (por ejemplo Analytics Eventos Oct8ne) y pulsaremos el botón GUARDAR.

Configuración de la etiqueta creada

Una vez guardada la etiqueta se deberán publicar los cambios, pulsando el botón Enviar y en la siguiente pantalla el botón de Publicar. En este momento  se  empezarán a recibir los eventos de Oct8ne en su panel de GA conforme vayan interactuando los visitantes con el chat.

 

Botón Enviar en la esquina superior derecha de la pantalla

Aquí puede consultar más información sobre los conceptos de Google Tag Manager utilizados: https://support.google.com/tagmanager/answer/6103657?hl=es

Llegados a este punto los eventos ya se muestran en el panel de Google Analytics 4 (GA4),  en el apartado de Informes. 

Sin embargo, podrá observar que llegan agrupados bajo el nombre de evento oct8ne_event. Por defecto, GA4 no permite desglosar este evento para ver su propiedad Acción (configurada en GTM), que realmente describe el evento que se ha lanzado (por ejemplo Apertura de chat, Producto visto, etc.)

GA4 no permite desglosar el evento oct8ne_event

Para solucionar este inconveniente llevaremos a cabo los siguientes pasos.

En este punto desglosaremos el evento oct8ne_event para acceder a los diferentes parámetros del evento desde los informes.

Para ello, pulsaremos en el icono Administrar de la esquina inferior izquierda 

En la pantalla de administración pulsaremos en la opción Eventos del menú lateral y a continuación el botón Crear Evento.

Nos aparecerá la lista de eventos personalizados, pulsamos el botón Crear y nos mostrará el siguiente formulario:

Pantalla de creación de eventos

Para este ejemplo crearemos el evento de apertura de Oct8ne.

En el campo Nombre del evento personalizado escribiremos en nombre del nuevo evento, por ejemplo, Apertura_Oct8ne 

A continuación, detallaremos las condiciones que han de cumplirse para que se registre este evento, que deberemos rellenar en el siguiente apartado del formulario.

Parámetro	Operador	Valor
event_name	Es igual a (no distingue mayúsculas)	oct8ne_event
Acción	Es igual a (no distingue mayúsculas)	Total Opens  (ver lista a continuación)

Por último, activaremos la casilla Copiar parámetros del evento de origen y pulsamos Guardar.

Nos quedará el evento registrado de la siguiente manera:

A continuación, se detallan sugerencias de Nombres de evento personalizados y los valores de las Acciones de Oct8ne que se reciben en Google Analytics:

Nombre de evento personalizado (Sugerencia)	Acción (No modificable)
Oct8ne_apertura	Total Opens
Oct8ne_atendido	Attended by Agent
Oct8ne_formulario_contacto_visto	Contact Form Viewed
Oct8ne_formulario_contacto_enviado	Contact Form Sent
Oct8ne_departamento_escogido	Selected Department
Oct8ne_añadido_carro	Clicked Add to Cart Button
Oct8ne_producto_visto	Viewed Product
Oct8ne_buena_valoracion	Good Rating
Oct8ne_mala_valoracion	Bad Rating
Oct8ne_visitante_vuelve	Returning Visitor
Oct8ne_widget_visto	Widgets Viewed
Oct8ne_sesión_etiquetada	New Tag
Oct8ne_transfer_desde_bot	Transfer From Bot
Oct8ne_producto_visto_visitante	Product Viewed by Visitor
Oct8ne_producto_visto_agente	Product Suggested by Agent

Se deberá generar un evento personalizado, repitiendo este proceso, por cada uno de las filas de la tabla anterior.

El crear dimensiones personalizadas nos permitirá acceder al parámetro adicional que incluye cada evento de Oct8ne, la etiqueta. Esta dimensión  nos aportará mayor información sobre el evento en cuestión (por ejemplo en el evento Oct8ne_apertura, el parámetro etiqueta indica el tipo de apertura).

Sin salir de la pantalla de administración seleccionamos la opción Definiciones personalizadas y pulsamos el botón Crear dimensión personalizada. 

En el formulario nos encontramos con cuatro campos:

7. Nombre de la dimensión: Añadimos un nombre descriptivo, como por ejemplo Etiqueta Oct8ne.
8. Alcance: Seleccionamos la opción Evento.
9. Descripción: Es opcional, lo rellenamos si lo creemos adecuado.
10. Parámetro de evento: Escribimos Etiqueta (o como lo hayamos definido en el punto 3.3.3)

Pantalla de creación de dimensión personalizada

Pulsamos el botón Guardar y ya estará lista la nueva dimensión para mostrarla en el informe de Eventos.

La nueva dimensión personalizada no empezará a mostrar valores hasta pasadas 48 horas de su creación. Más información

Como último paso deberemos modificar el informe de eventos para que muestre la nueva dimensión que hemos creado.

Para ello pulsamos en la opción Informes en el menú lateral, desplegamos el submenú Interacción y seleccionamos la opción Eventos.

Para editar el informe de eventos pulsaremos el icono del lápiz de la parte derecha.

Informe de eventos, con botón de Editar resaltado

En el formulario que aparece en el lateral derecho, seleccionar en el desplegable Dimensiones la nueva dimensión que hemos creado (Etiqueta Oct8ne). Pulsamos el botón Aplicar y a continuación el botón Guardar.

Nos aparecerán dos opciones:

2. Guardar cambios en el informe actual: Modificará el informe de eventos principal.
   
   
3. Guardar como nuevo informe: Si seleccionamos esta opción nos pedirá el nombre del nuevo Informe, y el principal no será modificado. Este nuevo informe estará disponible en la Biblioteca (última opción del menú Informes ).

Finalizando estos pasos ya estará disponible una nueva tabla con la etiqueta, en los informes de detalle de cada evento.

Panel general de Eventos con el evento Oct8ne_apertura en último lugar

Nuevo panel con la dimensión creada una vez 
seleccionado el evento Oct8ne_apertura de la lista

Acabado este último paso ya se mostrarán los eventos de Oct8ne de forma correcta. 

¡Enhorabuena!

A través de la dirección de correo electrónico support@oct8ne.com estaremos encantados de recibir sus sugerencias y comentarios. También puede utilizar esta dirección de correo para notificar bugs u obtener soporte técnico personalizado.