Artículo express solucionando un problema que me ha traído de cabeza con varios clientes en el último mes.
Si trabajas con los formularios de Elementor, tienes ReCaptcha y registras las conversiones desde Google Tag Manager… es posible que estés volviéndote loco y no sepas por qué han dejado de aparecerte las conversiones.
¿Te suena? Te dejo el vídeo y un poco más abajo el código que te va a salvar la vida, menda.
Problema: Recaptcha V3 bloquea el envío de formularios de Elementor
La situación es la siguiente: cuando tenemos activado el ReCaptcha de Google en nuestros formularios de Elementor, el método de envío deja de ser el estándar y Google Tag Manager no se entera cuando un formulario se envía.
Normalmente, nuestro disparador en Google Tag Manager tendría esta pinta:
Solución: avisar a Tag Manager con un evento alternativo
La solución pasa por lanzar un evento personalizado a Google Tag Manager cuando se envíe el formulario de Elementor.
¿Y cómo lo hacemos? Utilizando los códigos personalizados y un poquito de Javascript mágico
- Nos vamos a Elementor -> Códigos personalizados
- Añadimos uno nuevo y lo llamamos (por ejemplo) GTM forms
- Pegamos el código que te pongo aquí debajo
- Publicamos e indicamos que se muestre en toda la web o solo en las páginas donde tengamos formularios
<script>
jQuery(document).ready(function ($) {
$( document ).on(
// Forms.
'submit_success',
'form[class^="elementor-form"]',
function ( event ) {
var form = $( this );
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'gtm.formSubmit',
'gtm.elementId': form.prop('id')
});
}
);
});
</script>Extra: ajustando los Triggers de Tag Manager
Aunque en el vídeo me dejó un poco mal Google Tag Manager, es posible que esta solución siga sin funcionarte y no se disparen correctamente tus formularios.
Si es así, te recomiendo modificar los disparadores de «Form Submission» a «Custom Event», y dejarlo de esta manera:
Con esto ya sí que sí debería dispararse correctamente el evento y volver a registrar las conversiones en Google Analytics.
¡Ah! Un consejo más: si tienes un plugin de caché activado, borra caché antes de hacer las pruebas 😉
Notas:
- Si no trabajas con ReCaptcha y Google Tag Manager, ignora este artículo
- Si no usas los formularios de Elementor, ignora este artículo
- Si no estás teniendo problemas con tus conversiones, ignora este artículo
Y hasta aquí el post rápido de hoy.
