const TEST_MODE = true; // true = preventDefault for testing, false = production
function maybePreventDefault(e) {
if (TEST_MODE) e.preventDefault();
}
// usage: maybePreventDefault(e);
//example
function footerNavTracking() {
const footerWrapper = document.querySelector(".footer");
if (!footerWrapper) return;
footerWrapper.addEventListener("click", (e) => {
maybePreventDefault(e);
const { target } = e;
const link = target.closest(`
.footer-content__partners-link,
.footer-content__navigation-link,
.footer__copyright-section a,
.footer-site-logo__link
`);
if (!link) return;
const linkurl = link.getAttribute('href') || "";
const linkTextRaw = link.textContent.trim();
const linkText = linkTextRaw.replace(/\s+/g, " ").trim() || "";
if(link.matches('.footer-content__partners-link')){
gtmPush({
event: "navigation_click",
navigation_type: "footer_nav",
click_text: "our partners",
click_url: linkurl,
nav_level: 1,
});
}
if(link.matches('.footer-content__navigation-link, .footer__copyright-section a, .footer-site-logo__link')){
gtmPush({
event: "navigation_click",
navigation_type: "footer_nav",
click_text: linkText,
click_url: linkurl,
nav_level: 1,
});
}
});
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter