¿Puedo ejecutar ejecutar un DataLayer cada vez que un formulario es enviado a una pagina diseñada en DataCrush Web Builder? – Centro de ayuda DataCrush

Los data layers son una piedra angular en la optimización de landing pages y la recopilación inteligente de datos en el mundo del marketing digital.

¿Qué son los Data Layers?

En términos simples, un data layer es un conjunto organizado de información estructurada que describe los elementos y eventos de una página web. Estos datos están codificados en un formato que las herramientas de análisis y seguimiento pueden comprender fácilmente.

La Importancia de los Data Layers en las Landing Pages

Precisión en la Recopilación de Datos: Permiten capturar información específica y relevante sobre el comportamiento de los usuarios en la landing page.
Personalización Avanzada: Facilitan la personalización del contenido en tiempo real según el comportamiento del usuario, lo que mejora la relevancia y la experiencia general.
Seguimiento Efectivo de Eventos: Ayudan a identificar acciones clave de los usuarios, como clics, formularios completados o compras realizadas, para un análisis detallado.

Cómo Implementar Data Layers de Forma Efectiva.

Identifica los Elementos Clave: Determine qué datos son fundamentales para recopilar, como clics en botones de llamada a la acción o interacciones con formularios.
Utiliza la Capa de Datos en tu Código: Integra el data layer en el código de la landing page utilizando formatos estándar como JSON o JavaScript para capturar los eventos y datos significativos.
Integración con Herramientas de Análisis: Asegúrate de que tus herramientas de análisis, como Google Analytics o Tag Manager, estén configuradas para reconocer y utilizar estos data layers.

Los data layers son un recurso invaluable para los profesionales del marketing digital, permitiendo una recolección de datos precisa y la personalización inteligente del contenido en las landing pages.

Cómo Implementar Data Layers desde DataCrush Web Builder.

A fin de que tengas en cuenta, hay funciones para colocar dentro del Web Builder que serán ejecutadas integradas con el formulario.

dcFncPageInitCallBack: Es ejecutada una vez que la página es completamente inicializada.
dcFncPageFieldsCallBack: Esta función es ejecutada si el contacto es identificado en la página y son pre cargados los datos en el formulario, se retorna una variable a la función con el valor de cada propiedad.
dcFncPageFormSubmitCallBack: Es ejecutada una vez que el formulario es enviado, cuando se realiza un submit. Se retorna además una variable en la función con todos los datos enviados por el contacto.

La forma de instanciar estas funciones es la siguiente:

dcFncPageInitCallBack = function() { 
...mí código que debe ejecutarse.. 
} 

dcFncPageFieldsCallBack = function(data) { 
...mí código que debe ejecutarse.. 
} 

dcFncPageFormSubmitCallBack  = function(data) { 
...mí código que debe ejecutarse.. 
}

Hay que tener en cuenta que esto debe colocarse dentro de la etiqueta <head>. (*) Es relevante tener en cuenta que esto por el momento funciona teniendo solo un formulario en la página.

Luego agregar el código JavaScript dentro de la etiqueta HEAD:

Por ejemplo, teniendo en cuenta el ejemplo, este caso, que comentamos, tendrías que colocar:

dcFncPageFormSubmitCallBack  = function(data) { 
   / Form Submissions 
   window.dataLayer = window.dataLayer || []; 
   window.dataLayer.push({ 
   'event' : 'formSubmission', //Standard 
   'formPlugin' : 'Datacrush', //Standard 
   'formID' : '[variable]', //ID of the form 
   'formTitle' : '[variable]', //Title of the form 
   'formValue' : '[variable]' //Optional 
    }); 
}

Luego, dentro del editor de JavaScript quedaría:

Relacionada con