Activación de eventos personalizados para la reproducción de sesiones

Suite
Customer Experience Strategy & Research
Producto
Qualtrics
Contenidos de la página

Acerca de la activación de eventos personalizados para la reproducción de sesiones

Una vez que haya configurado eventos personalizados En la sección Repetición de sesión, deberá activador (o “emitir”) los eventos en su sitio web. Si su sitio web utiliza un gerente de etiquetas, es posible que pueda aprovechar sus eventos existentes en esa plataforma para activador fácilmente un evento personalizado de Qualtrics .

En esta página, encontrará ejemplos de cómo hacer esto para Google Tag Gerente y Adobe Launch. También hay una solución de Javascript que se puede utilizar en el código de producto de su sitio web si no tiene una solución de administración de etiquetas.

Atención: Las funciones de codificación personalizadas se proporcionan tal como están y requieren conocimientos de programación para implementarlas. Soporte técnico de Qualtrics No ofrece asistencia ni consulta sobre codificación personalizada.. En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad. Si desea obtener más información sobre nuestros servicios de codificación personalizados, contacto con su Ejecutivo de Cuenta de Qualtrics.

Activación de eventos personalizados con Google Tag Gerente

Esta es una captura de pantalla de la interfaz de Google Tag Gerente . La interfaz se divide en dos secciones: la sección de configuración de etiquetas y la sección de activación. La sección de configuración de etiquetas contiene un cuadro de texto donde puede ingresar el código HTML para su etiqueta. La sección de activación contiene una lista de activadores que pueden usarse para activar su etiqueta. En este caso, el activador está configurado para activarse cuando se produce el evento de cuenta corrient
Esta es una captura de pantalla de la interfaz de Google Tag Gerente . La interfaz se divide en dos secciones: la sección de configuración de etiquetas y la sección de activación. La sección de configuración de etiquetas contiene un cuadro de texto donde puede ingresar el código HTML para su etiqueta. La sección de activación contiene una lista de activadores que pueden usarse para activar su etiqueta. En este caso, el activador está configurado para activarse cuando se produce el evento de cuenta corrient
Inicie sesión en su instancia de Google Tag Gerente .
Crear una nueva etiqueta HTML personalizada.
Consejo Q: Si tiene preguntas sobre cómo completar los pasos en Google Tag Gerente, consulte la documentación de soporte de Google.
Dale a tu nueva etiqueta HTML un nombre descriptivo.
En el HTML, crea un nuevo evento personalizado. Por ejemplo, podría agregar el siguiente código, reemplazando YOUR_EVENT_KEY con la clave de su evento: var dxaEvent = new CustomEvent("SU_CLAVE_DE_EVENTO", {bubbles: true});
documento.dispatchEvent(dxaEvent);
Bajo Activación, seleccione un activador de disparo que coincida con un evento existente para el que desea activador el Evento personalizado.
Guarde los cambios.

Activación de eventos mediante Adobe Launch

Inicie sesión en su instancia de Adobe Experience.
Crear uno nuevo Regla personalizada.
Consejo Q: Si tiene preguntas sobre cómo completar los pasos en Adobe Experience, consulte la documentación de soporte de Adobe.
Asígnele un nombre descriptivo (por ejemplo, “Nueva Cuenta corriente”).
La imagen muestra Adobe Launch. La interfaz está dividida en tres secciones: 1. La sección izquierda es la sección **Propiedades**. Contiene el nombre de la regla actual y una barra de búsqueda para buscar reglas. 2. La sección del medio es la sección **Reglas**. Contiene las condiciones y acciones para la regla. 3. La sección de la derecha es la sección **Acciones**. Contiene las acciones que se realizarán cuando se active la regla.
La imagen muestra Adobe Launch. La interfaz está dividida en tres secciones: 1. La sección izquierda es la sección **Propiedades**. Contiene el nombre de la regla actual y una barra de búsqueda para buscar reglas. 2. La sección del medio es la sección **Reglas**. Contiene las condiciones y acciones para la regla. 3. La sección de la derecha es la sección **Acciones**. Contiene las acciones que se realizarán cuando se active la regla.
Seleccione un evento que corresponda al evento existente.
Añadir una acción.
Establezca la acción en Código personalizado.
creando una acción de código personalizada
creando una acción de código personalizada

En Javascript, crea un nuevo evento personalizado. Por ejemplo, podría agregar el siguiente código, reemplazando YOUR_EVENT_KEY con la clave de su evento: var dxaEvent = new CustomEvent("SU_CLAVE_DE_EVENTO", {bubbles: true});
documento.dispatchEvent(dxaEvent);

HTML en un evento de Adobe
HTML en un evento de Adobe
Guarde el código.
Guardar la configuración de la acción.
Regresa a la página donde configuraste la acción con código personalizado. También hay un botón para guardar.
Regresa a la página donde configuraste la acción con código personalizado. También hay un botón para guardar.
Revisa tu regla y luego haz clic en Ahorrar.
Regresar al editor de evento personalizados, botón Guardar en la esquina superior derecha aquí también
Regresar al editor de evento personalizados, botón Guardar en la esquina superior derecha aquí también

Activación de eventos mediante Javascript

Qualtrics utiliza el estándar W3C Evento personalizado interfaz, que facilita que su equipo de ingeniería emita un evento que Qualtrics puede observar.

Ejemplo: Imagine un sitio web bancario que ya tiene un código que se activa cada vez que un usuario crea una nueva cuenta corriente. Su equipo de desarrollo web agrega un nuevo evento personalizado con la clave “newCheckingaccount:”

Clave de Evento tal como aparece en la configuración de reproducción de sesión
Clave de Evento tal como aparece en la configuración de reproducción de sesión

Todo lo que su equipo de ingeniería tendría que hacer es agregar las siguientes dos líneas de código:

var dxaEvent = new CustomEvent("nuevacuentachequera", {bubbles: true});

documento.dispatchEvent(dxaEvent);

De esta manera, Qualtrics puede asociar estos eventos con sesiones en su sitio web. No se requieren tokens API , autenticación ni código adicional de terceros.

Atención: Tenga en cuenta la {bubbles: true} parte del código anterior. Es importante que estos eventos personalizados “burbujeen” (o aumenten) para que Qualtrics pueda escucharlos.

Preguntas frequentes

¿Qué es una clave de evento?

¿Cómo encuentro mi clave de evento?
Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.

¿Le fue útil esta información?

Los comentarios que envía aquí solo se usan para ayudar a mejorar esta página.

¡Genial! ¡Gracias por tus comentarios!

¡Gracias por tus comentarios!