Server-Side Tracking Masterclass Boost Google Ads ROI & Attribution Accuracy in 2026

				
					document.addEventListener("DOMContentLoaded", function () {
    // 1. Capture and store the GCLID locally
    const urlParams = new URLSearchParams(window.location.search);
    const gclid = urlParams.get('gclid');
    if (gclid) {
        localStorage.setItem('first_party_gclid', gclid);
    }

    // 2. Listen for CRM form submissions
    document.querySelectorAll('form').forEach(form => {
        form.addEventListener('submit', function (e) {
            
            // Extract user inputs
            const userEmail = form.querySelector('input[type="email"]')?.value || '';
            const userPhone = form.querySelector('input[type="tel"]')?.value || '';
            const storedGclid = localStorage.getItem('first_party_gclid');
            
            // 3. Send payload directly to the custom server-side endpoint
            // (Replace with your actual Stape custom subdomain)
            fetch('https://data.yourdomain.com/collect_lead', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    client_id: generateClientId(), // Custom function to generate ID
                    event_name: 'generate_lead',
                    email: userEmail,
                    phone: userPhone,
                    gclid: storedGclid,
                    page_location: window.location.href
                })
            }).catch(err => console.error("Server tracking blocked", err));
        });
    });
});