Beacon analytics

1.js

const sendData = function(endpoint = '/endpoint', type = true) {
    const formData = JSON.stringify({
        siteId: 'NETO.systemConfigs.siteId',
        url: {
            hostname: window.location.hostname,
            pathname: window.location.pathname,
            search: window.location.search
        },
        entries: performance.getEntries('navigation')[0],
        resources: performance.getEntriesByType('resource').length
    });

    // Check for sendBeacon support
    if ("sendBeacon" in navigator && type) {
        // Beacon the requested
        if (navigator.sendBeacon(endpoint, formData)) {
        // sendBeacon worked!
        } else {
        // sendBeacon failed, use XHR instead
            logData(endpoint, formData);
        }
    } else {
        // sendBeacon not available, use XHR instead
        logData(endpoint, formData);
    }
};

const logData = function(endpoint, data) {
    const client = new XMLHttpRequest();

    client.open('POST', endpoint, false); // third parameter indicates sync xhr
    client.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
    client.send(data);
};

Reading

• https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon
• https://golb.hplar.ch/2018/09/beacon-api.html

What to send

• Performance
• Global Error Handling
• Geolocation