blogben/assets/controllers/matomo_controller.js

import { Controller } from '@hotwired/stimulus'

export default class extends Controller
{
    static values = {
        url: String,
        active: Boolean
    }

    connect() {
        if (this.activeValue) {
            const url = this.urlValue
            console.log("TEST")
            var _paq = window._paq = window._paq || [];
            /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
            _paq.push(['trackPageView']);
            _paq.push(['enableLinkTracking']);
            (function() {
                var u="https://"+ url +"/";
                _paq.push(['setTrackerUrl', u+'matomo.php']);
                _paq.push(['setSiteId', '2']);
                var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
                g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
            })();
        }
    }
}