Updated tracker to handle links.

This commit is contained in:
Mike Cao 2023-04-04 00:34:07 -07:00
parent d851a9e88b
commit 84894a5b80

View File

@ -28,6 +28,7 @@
const endpoint = `${root}/api/send`; const endpoint = `${root}/api/send`;
const screen = `${width}x${height}`; const screen = `${width}x${height}`;
const eventRegex = /data-umami-event-([\w-_]+)/; const eventRegex = /data-umami-event-([\w-_]+)/;
const eventNameAttribute = _data + 'umami-event';
/* Helper functions */ /* Helper functions */
@ -90,15 +91,14 @@
}; };
const handleClick = () => { const handleClick = () => {
const callback = e => { const trackElement = el => {
const t = e.target; const attr = el.getAttribute.bind(el);
const attr = t.getAttribute.bind(t); const eventName = attr(eventNameAttribute);
const eventName = attr(_data + 'umami-event');
if (eventName) { if (eventName) {
const eventData = {}; const eventData = {};
t.getAttributeNames().forEach(name => { el.getAttributeNames().forEach(name => {
const match = name.match(eventRegex); const match = name.match(eventRegex);
if (match) { if (match) {
@ -106,23 +106,40 @@
} }
}); });
if (t.tagName === 'A') { return track(eventName, { data: eventData });
const href = attr('href'); }
const target = attr('target'); return Promise.resolve();
};
if ( const callback = e => {
href && const el = e.target;
target !== '_blank' && const anchor =
!(e.ctrlKey || e.shiftKey || e.metaKey || (e.button && e.button === 1)) el.tagName === 'A'
) { ? el
: el.parentElement && el.parentElement.tagName === 'A'
? el.parentElement
: null;
if (anchor) {
const { href, target } = anchor;
const external =
target === '_blank' ||
e.ctrlKey ||
e.shiftKey ||
e.metaKey ||
(e.button && e.button === 1);
const eventName = anchor.getAttribute(eventNameAttribute);
if (eventName && href) {
if (!external) {
e.preventDefault(); e.preventDefault();
return track(eventName, { data: eventData }).then(() => {
location.href = href;
});
} }
return trackElement(anchor).then(() => {
if (!external) location.href = href;
});
} }
} else {
track(eventName, { data: eventData }); trackElement(el);
} }
}; };