Reenvía los eventos de tu asistente virtual a Google Tag Manager o Google Analytics 4 y genera informes sobre conversaciones, leads y citas.
Hay dos formas de conectar los datos de Novaco con Google Analytics. Elige una — nunca ejecutes ambas en paralelo.
Recomendado si ya usas GTM. Envía eventos a la capa de datos y distribúyelos a cualquier etiqueta.
Usa la etiqueta de Google (gtag.js) directamente en tu sitio web para enviar eventos directamente a GA4.
¿Qué eventos están disponibles? Consulta la referencia de eventos de Google Analytics.
GTM distribuye eventos a terceros mediante etiquetas. Para ello, proporcionas los datos en la llamada "capa de datos". Añade un listener para cada evento que quieras usar.
<script>
window.addEventListener('autochat_lead_created', function (e) {
try {
dataLayer.push({
"event": e.type,
"autochat_event_details": e.detail.eventData
});
} catch(e) {
// Your error handling if relevant
}
});
</script><script>
window.addEventListener('autochat_lead_created', function (e) {
try {
dataLayer.push({
"event": e.type,
"autochat_event_details": e.detail.eventData
});
} catch(e) {
// Your error handling if relevant
}
});
window.addEventListener('autochat_chat_first_user_interaction', function (e) {
try {
dataLayer.push({
"event": e.type,
"autochat_event_details": e.detail.eventData
});
} catch(e) {
// Your error handling if relevant
}
});
</script>El try-catch es un manejo de errores opcional — puedes dejarlo tal cual.
Además de los eventos, Novaco proporciona datos de eventos adicionales como session_id, chat_type y appointment_type. Crea una variable para cada uno.
Crea un activador para cada evento sobre el que quieras actuar y luego combina activadores y variables en una etiqueta de GA4.
Cualquier activador de evento de Novaco que añadas ahora enviará automáticamente sus datos a GA4. Los mismos bloques se pueden usar para otras etiquetas, como una conversión de lead de Google Ads.
¿No tienes un gestor de etiquetas? Usa la implementación de la etiqueta de Google (gtag.js). Nunca ejecutes esta configuración en paralelo con Google Tag Manager — si usas GTM, sigue la guía anterior en su lugar.
<script async src="https://www.googletagmanager.com/gtag/js?id=G-12345678"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-12345678');
</script>Reemplaza G-12345678 con tu propio ID de medición.
Añade este fragmento después de tu llamada a gtag('config', ...).
<script>
window.addEventListener('autochat_lead_created', function (e) {
try {
gtag('event', e.type, {
'session_id': e.detail.eventData.session_id,
'appointment_type': e.detail.eventData.appointment_type
});
} catch(e) {
// Your error handling if relevant
}
});
window.addEventListener('autochat_chat_first_user_interaction', function (e) {
try {
gtag('event', e.type, {
'session_id': e.detail.eventData.session_id,
'chat_type': e.detail.eventData.chat_type
});
} catch(e) {
// Your error handling if relevant
}
});
</script>e.type se resuelve automáticamente al nombre del evento, por ejemplo autochat_lead_created. Ese es también el nombre de evento que verás en GA4. Todo lo que sigue son los parámetros del evento.
Para generar informes sobre los parámetros de eventos, regístralos como dimensiones personalizadas en GA4.
analyticsSetup.dimensions.note
Cada evento, cuándo se dispara y qué datos contiene.
Ver la referencia de eventos