0
264
ViewsAyuda de Google Tag Manager para seleccionar una etiqueta y un disparador
Quiero realizar un seguimiento de los clics en un icono de mi sitio mediante Google Tag Manager. He probado muchas combinaciones de etiquetas y activadores, pero no puedo hacerlo funcionar. ¿Podría recomendarme el Tag & Trigger adecuado, por favor?
Aquí están los detalles cuando hago clic con el botón derecho en el icono e inspeccionar elemento:
Copiar elemento
<path d="M21.886 7.46c-.265-.483-.827-.599-1.271-.247l-1.74 1.38c-2.164 1.718-2.44 4.79-.618 6.86l5.96 6.772c1.822 2.07 5.011 2.316 7.13.542l1.313-1.1c.428-.357.444-.946.028-1.322l-2.904-2.63c-.412-.373-1.105-.404-1.54-.076l-1.714 1.296-4.843-5.353 1.743-1.259c.446-.321.595-.97.327-1.457l-1.87-3.406z" fill-rule="evenodd"></path>Selector de copias
#comp-kt9muz3o > div._3mcAP > svg > g > pathCopiar ruta JS
document.querySelector("#comp-kt9muz3o > div._3mcAP > svg > g > path")Copiar xPath
//*[@id="comp-kt9muz3o"]/div[1]/svg/g/pathCopiar xPath completo
/html/body/div/div/div[3]/div/div[3]/div[2]/a[1]/div[1]/svg/g/pathEstos son los valores de la capa de datos en Google Tag Manager cuando hago clic en el icono:
{ event: "lead", gtm: { uniqueEventId: 9, start: 1635564494326, element: "SVGSVGElement: div._2qGZE._1Mc8D#QUICK_ACTION_BAR > div" + "._17TBS#QUICK_ACTION_BARactionsContainer > a._1LxZI._2c" + "rhc#comp-kt9muz3o > div._3mcAP > svg", elementClasses: "", elementId: "", elementTarget: "", elementUrl: "" }, url: "/contact-1?gtm_debug=1635564492290", title: "Contact | Title of Website" }Así que actualmente mi elección de etiqueta es Google Analytics: Evento GA4. No sé qué elegir para el Trigger.
1 answers
Answer question0
Verifique que el selector css sea realmente único. Puede hacerlo comprobando el número de elementos en la lista de nodos devuelta por
document.querySelectorAll("#comp-kt9muz3o > div._3mcAP > svg > g > path")Si es único, puede proceder a configurar el disparador. Quieres un disparador de clic
https://support.google.com/tagmanager/answer/7679320?hl=en&ref_topic=7679108
y elija Todos los elementos > Este disparador se activa en: Algunos clics > luego elija la variable incorporada del menú desplegable en la parte inferior izquierda, que mostrará esta interfaz:
Querrá hacer clic en clases, luego > coincide con el selector CSS y pegarlo en su selector, terminando así:
Si no tiene un selector único, tendrá que encontrar otra forma de identificar el elemento de forma única y configurar el disparador para que funcione con ese identificador.