Administrador de etiquetas de Google nos ofrece algunas bonitas funciones integradas desencadenantes para que podamos escuchar automáticamente interacciones específicas del usuario en el sitio net y reaccionar a ellas como queramos, aunque normalmente sería activando una etiqueta. Lo complicado, especialmente con los activadores de clic y Seguimiento del envío de formularios es que la página tiene la mala costumbre de redirigirte al enlace o a la página de destino del formulario antes de permitirte ver los datos respectivos en el excelente modo de vista previa de Google Tag Supervisor.
Hay muchas soluciones a este problema y quiero compartir algunas de ellas en este #ConsejosGTMT artículo.
incógnita
El boletín informativo de Simmer
Suscríbete a la Boletín informativo de Simmer ¡Para recibir las últimas noticias y contenidos de Simo Ahava en tu bandeja de entrada de correo electrónico!
Consejo 89: Evite que los clics y las redirecciones de formulario interfieran con el uso del modo Vista previa
Entonces, repasemos algunas soluciones a este problema standard.
El tonto truco de la tecla ESC
Primero quiero compartir contigo la solución más fácil y también la más tonta (y muchas veces nada efectiva). Solo intenta presionar el botón ESC Introduzca la tecla en el teclado antes de que la página tenga tiempo de redirigirle. Esto suele detener el proceso y permitirle permanecer en la página precise.
¿Por qué es una tontería? Porque, en primer lugar, es una de esas cosas que a veces terminas haciendo 20 veces seguidas, sin lograrlo y luego piensas que debe haber algo más en la vida que esto.
Además, si la redirección se maneja de una manera personalizada no relacionada con el navegador actual click on o submit eventos, presionar la tecla ESC ni siquiera ayudará.
1. CMD/CTRL + Clic
Esta suele ser la forma más sencilla de solucionar el problema de redirección. También es muy easy.
En lugar de simplemente hacer clic en el enlace o en el botón Enviar, simplemente mantenga presionada la tecla CMD (OS X) o la tecla CTRL (Home windows) y presione el botón izquierdo del mouse como lo haría normalmente.
Esta combinación de teclas abre automáticamente una nueva pestaña donde se gestiona la redirección. De esta forma, la pestaña anterior se mantiene en la página donde se hizo clic, lo que permite inspeccionar el resultado del modo Vista previa sin interrupciones.
Esto no funcionará, nuevamente, si la redirección se maneja con un código personalizado que no está relacionado con el código actual. click on o submit Eventos del navegador. Esto es bastante recurring, especialmente con los formularios, pero con la mayoría de los eventos de clic en enlaces debería funcionar bastante bien.
2. Personalizado beforeunload guion
Esta solución debería funcionar con todas las redirecciones, independientemente de cómo se implementen. El truco es agregar un detector de eventos a la beforeunload Navegador, abriendo un mensaje que pregunta si realmente desea abandonar la página precise. Luego puede presionar “Cancelar” (o equivalente) para permanecer en la página precise y ver lo que escribió el evento del navegador. dataLayerPara ello, es necesario abrir el Consola de JavaScript en el navegador y copie y pegue el siguiente código, presionando enter cuando haya terminado:
window.addEventListener('beforeunload', operate(e) {
e.preventDefault();
e.returnValue = '';
});
Ahora, al enviar el formulario o hacer clic en un enlace, debería aparecer un mensaje y podrá presionar Cancelar para ver el resultado del modo Vista previa.
3. Pausa automáticamente la página al finalizar beforeunload evento
Usando la increíble herramienta de Google Chrome Herramientas de desarrollode hecho, puedes hacer que la página se pause en el depurador cuando una beforeunload El evento se envía.
No te permite interactuar con el modo Vista previa (porque eso requeriría que la página salga de la pausa), pero puedes usar la consola de JavaScript y explorar el dataLayer objeto allí.
Para hacerlo, debes abrir DevTools, seleccionar el Fuentes pestaña, desplácese hacia abajo Puntos de interrupción del detector de eventosexpandir Cargay marque la casilla junto a beforeunload.
Una vez que hayas hecho esto, cuando intentes enviar un formulario o hacer clic en un enlace, la página se detendrá con una superposición gris y luego podrás interactuar con la consola de JavaScript:
No es tan bueno como el consejo anterior, porque no puedes interactuar con el modo Vista previa.
Consejo adicional: utilice una extensión del navegador
Personalmente, prefiero usar una extensión del navegador para mantener un registro de lo que está almacenado en dataLayerNo, no es lo mismo que usar el modo Vista previa, pero me permite acceder a toda la información que se introdujo. dataLayer.
Mi favorito private es cazador de datos Simplemente por costumbre, pero hay otras extensiones realmente interesantes que te brindan aún más funcionalidad:
Resumen
¿Tienes otros consejos para añadir a la lista?
Como escribí anteriormente, mi preferencia private es usar una extensión de navegador, porque generalmente vienen con otras ventajas. Sin embargo, el modo de vista previa de GTM no es algo que se pueda ignorar, por lo que si realmente desea conservar su utilidad en la página precise, aproveche la función beforeunload El evento podría ser el camino a seguir (si los trucos de clic o ESC no funcionan).
¡Espero que algún día GTM introduzca la persistencia de los datos del modo de vista previa, almacenando el historial en el almacenamiento del navegador para que también puedas ver el contenido completo del modo de vista previa visitado en páginas anteriores!