Hola, estoy tratando de rastrear un evento onclick desde mi botón Agregar al carrito, así que tengo un script en
<head> <script type="text/javascript"> var button = document.getElementById('addToCartButton'); button.addEventListener( 'click', function () { fbq('track', 'AddToCart', { content_name: 'Really Fast Running Shoes', content_category: 'Apparel & Accessories > Shoes', content_ids: ['1234'], content_type: 'product', value: 4.99, currency: 'USD' }); }, false ); </script> </head> <button id="addToCartButton" class="mt-5 w-full rounded-xl bg-vert p-2 py-3.5 font-bold text-white" >ADD TO CART </button>El problema es: cuando actualizo el sitio web, el evento funciona sin hacer clic en el botón Si alguien puede ayudarme, gracias
No creo que el evento esté funcionando. Creo que te confundes entre los errores, pero no te preocupes.
La cuestión es que la etiqueta del script debe estar en el cuerpo, especialmente en la parte inferior del cuerpo y no en la cabeza , por lo que todas las etiquetas se cargarán primero y JavaScript puede obtener el botón para usted, pero cómo lo hace es que prepara su script antes de que se carguen las etiquetas HTML , por lo que JavaScript no puede encontrarlas.
<body> <button id="addToCartButton" class="mt-5 w-full rounded-xl bg-vert p-2 py-3.5 font-bold text-white">ADD TO CART</button> <script type="text/javascript"> var button = document.getElementById('addToCartButton'); button.addEventListener( 'click', function () { fbq('track', 'AddToCart', { content_name: 'Really Fast Running Shoes', content_category: 'Apparel & Accessories > Shoes', content_ids: ['1234'], content_type: 'product', value: 4.99, currency: 'USD' }); }, false ); </script> </body>