Śledzenie celów w GA

// cele:
// - sklepy: ecommerce
// - strony: formularz, telefon, mail
// =======================================================
// 1. Dodanie zdarzenia - jak masz dodany GA:
// a) GTM - logujesz się do GTM i ustawiasz zdarzenie - kliknięcie na dany element. 
// b) GTAG - dodajesz w kodzie JS zdarzenie 
// gtag('event','mail');
// c) GA - dodajesz w kodzie JS zdarzenie 
// ga('send', 'event', 'Mail', 'click', 'adres_maila');
// 2. Dodanie celu w GA
// 3. Weryfikacja 


// jQuery
$(document).ready(function () {
    $('a[href*="tel:"]').click(function () {
        // gtag('event','phone');
        // ga('send', 'event', 'category', 'action', 'label');
    });

    $('a[href*="mailto:"]').click(function () {
        // gtag('event','mail');
        // ga('send', 'event', 'category', 'action', 'label');
    });

    $('input[name="submitMessage"]').click(function () {
        // gtag('event','form');
        // ga('send', 'event', 'category', 'action', 'label');
    });
});

// pure JS
const aTags = document.querySelectorAll('a');
for (let i = 0; i < aTags.length; i++) {
    if (aTags[i].getAttribute('href').includes('mailto')) {
        aTags[i].addEventListener('click', () => {
            // gtag('event', 'mail');
            // ga('send', 'event', 'category', 'action', 'label');
        })
    } else if (aTags[i].getAttribute('href').includes('tel:')) {
        aTags[i].addEventListener('click', () => {
            // gtag('event', 'phone');
            // ga('send', 'event', 'category', 'action', 'label');
        })
    }
}

// WordPress Contact Form 7:
// https://contactform7.com/dom-events/


document.addEventListener('wpcf7submit', function (event) {
        // gtag('event', 'phone');
        // ga('send', 'event', 'category', 'action', 'label');
}, false);