let queue = []; let config = { 'siteId': '', 'trackerUrl': '', }; const commands = { "set": set, "trackPageview": trackPageview, "setTrackerUrl": setTrackerUrl, }; function set(key, value) { config[key] = value; } function setTrackerUrl(value) { return set("trackerUrl", value); } // convert object to query string function stringifyObject(obj) { var keys = Object.keys(obj); return '?' + keys.map(function(k) { return encodeURIComponent(k) + '=' + encodeURIComponent(obj[k]); }).join('&'); } function randomString(n) { var s = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; return Array(n).join().split(',').map(() => s.charAt(Math.floor(Math.random() * s.length))).join(''); } function getCookie(name) { var cookies = document.cookie ? document.cookie.split('; ') : []; for (var i = 0; i < cookies.length; i++) { var parts = cookies[i].split('='); if (decodeURIComponent(parts[0]) !== name) { continue; } var cookie = parts.slice(1).join('='); return decodeURIComponent(cookie); } return ''; } function setCookie(name, data, args) { name = encodeURIComponent(name); data = encodeURIComponent(String(data)); var str = name + '=' + data; if(args.path) { str += ';path=' + args.path; } if (args.expires) { str += ';expires='+args.expires.toUTCString(); } document.cookie = str; } function newVisitorData() { return { isNewVisitor: true, isNewSession: true, pagesViewed: [], previousPageviewId: '', lastSeen: +new Date(), } } function getData() { let thirtyMinsAgo = new Date(); thirtyMinsAgo.setMinutes(thirtyMinsAgo.getMinutes() - 30); let data = getCookie('_fathom'); if(! data) { return newVisitorData(); } try{ data = JSON.parse(data); } catch(e) { console.error(e); return newVisitorData(); } if(data.lastSeen < (+thirtyMinsAgo)) { data.isNewSession = true; } return data; } function findTrackerUrl() { const el = document.getElementById('fathom-script') return el ? el.src.replace('tracker.js', 'collect') : ''; } function trackPageview(vars) { vars = vars || {}; // Respect "Do Not Track" requests if('doNotTrack' in navigator && navigator.doNotTrack === "1") { return; } // ignore prerendered pages if( 'visibilityState' in document && document.visibilityState === 'prerender' ) { return; } // if did not load yet, try again at dom ready event if( document.body === null ) { document.addEventListener("DOMContentLoaded", () => { trackPageview(vars); }) return; } // parse request, use canonical if there is one let req = window.location; // do not track if not served over HTTP or HTTPS (eg from local filesystem) if(req.host === '') { return; } // find canonical URL let canonical = document.querySelector('link[rel="canonical"][href]'); if(canonical) { let a = document.createElement('a'); a.href = canonical.href; // use parsed canonical as location object req = a; } let path = vars.path || ( req.pathname + req.search ); if(!path) { path = '/'; } // determine hostname let hostname = vars.hostname || ( req.protocol + "//" + req.hostname ); // only set referrer if not internal let referrer = vars.referrer || ''; if(document.referrer.indexOf(hostname) < 0) { referrer = document.referrer; } let data = getData(); const d = { id: randomString(20), pid: data.previousPageviewId || '', p: path, h: hostname, r: referrer, u: data.pagesViewed.indexOf(path) == -1 ? 1 : 0, nv: data.isNewVisitor ? 1 : 0, ns: data.isNewSession ? 1 : 0, sid: config.siteId, }; let url = config.trackerUrl || findTrackerUrl() let img = document.createElement('img'); img.setAttribute('alt', ''); img.setAttribute('aria-hidden', 'true'); img.src = url + stringifyObject(d); img.addEventListener('load', function() { let now = new Date(); let midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 24, 0, 0); // update data in cookie if( data.pagesViewed.indexOf(path) == -1 ) { data.pagesViewed.push(path); } data.previousPageviewId = d.id; data.isNewVisitor = false; data.isNewSession = false; data.lastSeen = +new Date(); setCookie('_fathom', JSON.stringify(data), { expires: midnight, path: '/' }); // remove tracking img from DOM document.body.removeChild(img) }); // in case img.onload never fires, remove img after 1s & reset src attribute to cancel request window.setTimeout(() => { if(!img.parentNode) { return; } img.src = ''; document.body.removeChild(img) }, 1000); // add to DOM to fire request document.body.appendChild(img); } // override global fathom object const fathom = function() { var args = [].slice.call(arguments); var c = args.shift(); commands[c].apply(this, args); }; // process existing queue queue.forEach((i) => fathom.apply(undefined, i)); export default fathom