Elementor está siendo uno de los temas más usados últimamente en WordPress y, como sabemos, realizar el seguimiento de lo que pasa en nuestra web también es algo imprescindible. Por ello es importante saber cómo notificar a Google Analytics (Tag Manager, Google Ads, Microsoft Ads, Facebook Ads o cualquier otro sistema de seguimiento) de que el usuario ha enviado un formulario.
A priori, Elementor no dispone de un sistema de seguimiento de conversiones integrado por lo que deberemos realizar alguna acción que permita realizar llamadas a los diferentes sistemas en caso de envío de formulario.
Si quieres implementar un píxel de seguimiento en formularios creados mediante Elementor puedes hacerlo mediante 2 métodos:
Método 1: Envío del usuario hacia una página de gracias
El método más sencillo, aunque no siempre sea posible, es enviar al usuario a una página de gracias en la que, además de agradecer el interés de su solicitud, agregaremos los códigos de seguimiento necesarios.
Método 2: Insertar código de seguimiento javascript en formulario de Elementor: El evento submit_success
Este método nos permite enviar los códigos que queramos una vez se ha ejecutado el formulario en los casos en los que la implementación únicamente devuelve un mensaje de agradecimiento sin cambiar de página, conducta por defecto de los formularios en Elementor.
Una vez enviado el formulario, Elementor lanza un evento de javascript submit_success que podremos interceptar mediante listeners y aprovecharlo para ejecutar las instrucciones que queramos.
Por tanto se podría agregar en el footer de las páginas un código como el siguiente:
<script>
jQuery(document).ready(function($){
$(document).on('submit_success', function(evento) {
dataLayer.push({'event': 'contactForm'});
});
});
</script>
Este código enviará un evento ‘contactForm‘ hacia Google Tag Manager cuando se envíe un formulario creado con Elementor. Si lo que queremos es enviar el evento directamente a Google Analytics entonces solamente deberemos cambiar la función que se ejecuta cuando ocurre la acción:
<script>
jQuery(document).ready(function($){
$(document).on('submit_success', function(evento) {
gtag('event', 'screen_view',);
});
});
</script>
Con esto, Google Analytics recibirá directamente el evento.
Más información sobre las acciones tras el envío de un formulario de Elementor: https://elementor.com/help/form-widget-faq/
