Configurar eventos para el seguimiento de visitantes

Copiar enlace al artículo

Copiado

Qué se puede configurar

1. Vista de la página: se transmite por defecto cuando el seguimiento está activado. La mecánica del evento es la siguiente: si no hay ningún evento en la base para todo el sistema en general al momento de conectar el seguimiento con la página web, se creará este evento y se vinculará automáticamente al sitio web conectado. Si el evento «Vista de la página» ya existe, se vinculará con la página web (tienda) conectada al seguimiento;
2. Clics en los elementos;
3. Interacción con los formularios: inicio de llenado y envío de formularios;
4. Registro del visitante en la página web: el momento cuando el visitante intenta registrarse en el sitio web;
5. Inicio de sesión: el momento cuando el visitante entra en la cuenta en la página web;
6. Descarga del archivo. El selector se aplica al enlace; el widget extrae automáticamente el nombre del archivo o información similar;
7. Clic en las comunicaciones: el evento se registra al hacer clic en el botón de WhatsApp, Telegram u otros elementos de navegación que utiliza el visitante para comunicarse con la atención al cliente.

¡Importante!

Para rastrear los eventos creados se requiere activar el seguimiento de visitantes en el apartado «Conexión».

Se puede crear un nuevo evento en Marketing → Seguimiento de visitantes del sitio → Eventos rastreados haciendo clic en el botón Nuevo evento.

Seleccionar el tipo de evento

Para guardar el cliente cuando se ejecuta el evento, se requiere activar el interruptor «Crear cliente automáticamente». Esto permitirá acumular la base de clientes potenciales. El cliente será registrado en el sistema si los datos del evento son suficientes para guardar el cliente (Nombre, correo, etc.). Las visitas normales no generan la creación de un nuevo cliente en el sistema.

Se requiere especificar en qué páginas se rastreará este evento. Al momento de seleccionar la opción «En una página específica», será necesario especificar la URL de la página en el siguiente formato: https://example.com/product/123.

Filtrar URL en eventos preconfigurados del tracker

Se admiten los siguientes caracteres comodín:

• * representa cualquier cantidad de carácteres. Ejemplo: wh* encontrará what, white y why, pero no a awhile ni watch.
• ? representa un solo carácter en la posición indicada. Ejemplo: b?ll encontrará ball, bell y bill.
• [] representa un carácter del grupo de los caracteres dentro de los corchetes. Ejemplo: b[ae]ll encontrará ball, bell, pero no bill.
• ! invierte el grupo dentro de los corchetes. Ejemplo: b[!ae]ll encontrará bill y bull, pero no ball ni bell, [!a]* encontrará todo lo que comienza con "a".
• - representa un rango de caracteres. Es necesario especificar el rango en el orden ascendente (de A a Z, no de Z a A). Ejemplo: b[a-c]d encontrará bad, bbd y bcd.
• # representa cualquier dígito. Ejemplo: 1#3 encontrará 103, 113 y 123.
• \ sirve para escapar los tokens. Ejemplo: *encontrará el carácter de asterisco y no representará cualquier carácter.

Para filtrar la URL se recomienda especificar las partes que el filtro debe ignorar. Por ejemplo, si se requiere filtrar solo las direcciones de /register, se puede usar un filtro con el dominio completo: https://example.com/register*. El filtro *register* tomaría en cuenta todas las páginas que contienen la palabra register en la URL, por ejemplo, https://example.com/faq/why-register.

Seleccionar el selector CSS

La opción se utiliza para identificar con precisión los elementos con los que interactúa el visitante en la página web. Los selectores permiten hacer seguimiento solo de los elementos necesarios incluso en las páginas con una estructura compleja.

Para copiar un selector CSS de un elemento en la página web, se puede utilizar las herramientas para desarrolladores en el navegador o extensiones (por ejemplo, Selector Gadget). Revisaremos los pasos tomando como ejemplo el navegador Google Chrome. Esta instrucción también es válida para la mayoría de los navegadores modernos.

Cómo copiar el selector del elemento:

1. Abre la página web en el navegador.
2. Haz clic con el botón derecho del ratón en el elemento necesario (por ejemplo, en el botón, encabezamiento, imágen).
3. Selecciona «Inspeccionar» o «Inspect» (depende del idioma del navegador) en el menu.
4. En la consola del desarrollador el elemento se resaltará automáticamente en el código HTML.
5. Haz clic en el elemento del código con el botón derecho del ratón y selecciona Copy → Copy selector (Copiar → Copiar selector).

Otro método para seleccionar un elemento en el HTML de la página:

1. Abre la página web en el navegador Открыть сайт в браузере;
2. Haz clic con el botón derecho del ratón en cualquier parte de la página;
3. Selecciona «Inspeccionar» o «Inspect» (depende del idioma del navegador) en el menu;
4. En la consola del desarrollador, haz clic en el botón ;
5. Selecciona el elemento necesario en la página;
6. En la consola del desarrollador, el elemento se resaltará automáticamente en el código HTML.
7. Haz clic con el botón derecho en el elemento en el código y selecciona Copy → Copy selector (Copiar → Copiar selector).

Usar selector CSS en el tracker

Revisaremos #contactForm en el tracker tomando como ejemplo una parte del código de Simla:

1. Se especifica el selector encontrado
2. Nombre del selector
3. Tipo del selector

Luego se debe guardar los cambios.

Se puede editar el elemento guardado o eliminarlo.

Eventos y tipos del selector

• Clic en el elemento: se requiere especificar el selector de cualquier elemento en el que se puede hacer clic como un botón, un enlace, etc.
• Registro de usuario: se requiere especificar el selector del formulario de registro. El evento se ejecuta cuando un visitante intenta enviar el formulario. Es necesario especificar los selectores de campos que se utilizan como fuente de los datos (por ejemplo, el selector input[type=email] puede ser válido para completar la propiedad customer_email de este evento).
• Inicio de sesión: se requiere especificar el selector del formulario de inicio de sesión. Debe contener solo la propiedad customer_email para la cual se especifica el selector del campo correspondiente.
• Clic en la comunicación: se requiere especificar el selector del botón o enlace. Contiene la propiedad customer_email para la cual se especifica el selector del campo correspondiente.
• Inicio de llenado de formulario: se requiere especificar el selector del formulario.
• Envío de formulario: se requiere especificar el selector del formulario.
• Descarga de archivo: se requiere especificar el selector del enlace al archivo o del botón de la descarga.

Lista de eventos

Se puede encontrar el evento necesario aplicando los filtros. Los filtros funcionan de igual manera que la lista de pedidos. Su funcionamiento está descrito en el artículo correspondiente.