I used to have a eventlistener that looks something like this:
<script>document.querySelectorAll('.myclass').forEach(item => {
item.addEventListener('click', event => {
gtag('event', 'phoneclick', {
'event_category' : 'contact',
'event_label' : 'phone'
});
});
})</script>
Somehow it fires the event two times. First I thought it was because the class was used more than once. But actually the class is only used for one element on the page.
I am new to this topic, so a beginners-guide would help me a big deal! Thank you very much.
If the element .myclass only has one at the page, maybe try add a event listener as this,
document.querySelector('.myclass').addEventListener("click", function() {
gtag('event', 'phoneclick', {
'event_category' : 'contact',
'event_label' : 'phone'
});
});