Tengo un formulario en el que quiero usar el administrador de etiquetas de Google para obtener el texto de la etiqueta como una etiqueta de evento cuando alguien hace clic en la casilla de verificación. Pude hacer que funcionara cuando un usuario hace clic en la etiqueta real, pero no funciona cuando el usuario hace clic en la casilla de verificación en lugar de la etiqueta.
Lo que estoy tratando de hacer es ubicar el texto al lado de la casilla de verificación. a partir del código HTML de ejemplo de la casilla de verificación (pegado a continuación), puede ver que tanto la casilla de verificación como el texto están dentro de la etiqueta y necesito ubicar el texto junto a la casilla de verificación.
code
<div class="stockist-search-filter-checkboxes"> <div class="stockist-search-filter-checkbox"> <label> <input name="filters" type="checkbox" value="11222">Home Specialist </label> </div> </div>
code
Bueno, puede cambiar un selector para capturar el clic de la casilla de verificación en lugar del clic de la etiqueta. O puede agregar un detector de eventos a la casilla de verificación en la carga de la página y enviar un evento dataLayer desde allí para que GTM active su evento.
Si esto no es suficiente para que lo resuelva, muestre su html alrededor de la casilla de verificación (NO como una captura de pantalla) y muestre cómo configuró el activador (como una captura de pantalla).
Aquí hay una muestra de código para agregar un oyente que empuja el evento DL en los cambios de casilla de verificación.
var checkbox = document.querySelector("input[name=checkbox]"); checkbox.addEventListener('change', function() { dataLayer = dataLayer || []; dataLayer.push({ event:"checkbox_changed", checkboxIsChecked: checkbox.checked, checkboxName: checkbox.getAttribute("name") }) });