matomo for agnostic spa apps

mato.js

let currentUrl = location.href;
document.addEventListener('DOMContentLoaded', function(){
    let previousUrl = '';

    const observer = new MutationObserver(function(mutations) {
        if (location.href === previousUrl) return;

        _paq.push(['setReferrerUrl', currentUrl]);
        currentUrl = '/' + location.pathname + location.search;
        _paq.push(['setCustomUrl', currentUrl]);
        _paq.push(['setDocumentTitle', 'Title: ' + location.pathname + location.search]);

        // remove all previously assigned custom variables, requires Matomo (formerly Piwik) 3.0.2
        _paq.push(['deleteCustomVariables', 'page']); 
        _paq.push(['trackPageView']);

        // make Matomo aware of newly added content
        var content = document.getElementById('content');
        _paq.push(['MediaAnalytics::scanForMedia', content]);
        _paq.push(['FormAnalytics::scanForForms', content]);
        _paq.push(['trackContentImpressionsWithinNode', content]);
        _paq.push(['enableLinkTracking']);
      
        previousUrl = location.href;

    });
    const config = {subtree: true, childList: true};
    observer.observe(document, config);

}, false);