Thu. Jan 30th, 2025

Depurador de escucha de eventos automáticos de GTM v1.1


(Última actualización en junio de 2014: Lea la última publicación sobre la extensión, Sonda GTM v1.2.)

Actualicé mi extensión de Chrome, Depurador de escucha de eventos automáticos de GTM v1.1. I lanzó la primera versión hace un par de días. La extensión se puede utilizar para depurar. Administrador de etiquetas de Google seguimiento automático de eventos y su compatibilidad con el marcado de páginas net.

Descargue la última versión aquí.

Hice algunos cambios importantes y aquí está el resumen.

  1. Transferí todas las acciones del depurador a una ventana emergenteque se abre al hacer clic en Acción del navegador. El depurador sigue siendo específico de pestañas, por lo que puede tener diferentes estados en diferentes pestañas. Además, la acción del navegador todavía se vuelve verde cuando el depurador está habilitado para la pestaña precise.

  2. Agregué una lista de botones de opción para que elijas el tipo de oyente. No quería habilitar varios oyentes a la vez, porque detener el evento de clic también tenía implicaciones para los envíos de formularios. Los tres oyentes son ahora:

- Click on Listener : Halts default motion of all clicks on web page, and upon clicking on the web page, pushes gtm.click on and different information into `debugDL`

- Hyperlink Click on Listener : Halts default motion of all clicks on web page, and if clicked ingredient is a hyperlink, pushes gtm.linkClick and different information into `debugDL`   
- Kind Submit Listener : Halts default motion of all kinds on web page, and upon submitting a kind, pushes gtm.formSubmit and different information into `debugDL`
  1. Agregué un interruptor con el que puedes eliminar todos los enlaces jQuery en la página.. El cambio solo está disponible si se encuentra jQuery en la página. Cuando hace clic en el interruptor, se cancelan todos los controladores de jQuery. La concept detrás de esto es que al eliminar los controladores de eventos, puede verificar si jQuery impide que los oyentes funcionen. Hice esto simplemente porque la mayoría de las veces este ha sido el problema. El interruptor se puede utilizar sólo una vez. Para que los controladores de eventos vuelvan a funcionar, debe recargar la página.

  2. La funcionalidad básica sigue siendo la misma que antes.aunque he realizado algunas mejoras aquí y allá. Todavía necesita bastante refactorización, ya que estoy bastante seguro de que mi JavaScript es demasiado complejo. Las imágenes también podrían mejorarse, pero prefiero que las cosas básicas funcionen primero y solo después empezar a jugar con las decoraciones.


incógnita


El boletín a fuego lento

Suscríbete al Boletín a fuego lento para recibir las últimas noticias y contenido de Simo Ahava en su bandeja de entrada de correo electrónico.

Capturas de pantalla

Información sobre la actualización de la versión.

Asegúrate de descarga la extensión aquíy lea las notas de la versión. Agregué un poco del historial de versiones en las notas de la versión (junto con instrucciones más detalladas), por lo que ahora también puedes seguir el ciclo de desarrollo.

La lista de tareas pendientes ahora contiene los siguientes elementos (¡gracias por sus comentarios!):

  1. Mejorar el manejo de errores

  2. Mostrar icono de insignia que representa la cantidad de objetos en debugDL

  3. Mostrar información sobre herramientas o alguna otra señal visible cuando un evento se introduce con éxito. debugDL

Déjame saber si tienes alguna mejora en mente.

Detener la acción predeterminada de clics y envíos no será suficiente en algunas páginas. En el caso de sitios complejos, normalmente hay muchos otros JavaScript que interfieren con este sencillo script, por lo que no importa lo que intentes hacer, los clics y los envíos seguirán redireccionándote. En esos casos, lo único que puedo sugerirle que haga es intentar presionar ESC o hacer clic en el botón DETENER en su navegador tan pronto como haya realizado la acción. Esto debería ser suficiente para cancelar la acción pero aún así permitir que los datos se inserten en debugDL.

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *