Comment installer le code de suivi Matomo sur les sites Web qui utilisent Vue.js ?

Si vous utilisez Vue.js sur votre site Web, vous pouvez commencer à suivre les données dans Matomo de manière transparente en utilisant le pack npm « vue-matomo ». Voici comment l’installer :

1. Installez le pack npm vue-matomo.
‘npm install –save vue-matomo’

2. Initialisez ‘VueMatomo’ dans ‘main.js’ avec les détails de votre instance Matomo (exemple de code ci-dessous).
Exemple de code pour Vue3 :

    import { createApp } from 'vue'
    import VueMatomo from 'vue-matomo'
    import App from './App.vue'

    createApp(App)
        .use(VueMatomo, {
            // Configure your matomo server and site by providing
            host: '{YOUR_MATOMO_INSTANCE_URL}',
            siteId: {YOUR_SITE_ID},
        })
        .mount('#app')


    window._paq.push(['trackPageView']); //To track pageview

Exemple de code pour Vue2 :

    import Vue from 'vue'
    import App from './App.vue'
    import VueMatomo from 'vue-matomo'

    Vue.use(VueMatomo, {
        host: '{YOUR_MATOMO_INSTANCE_URL}',
        siteId: {YOUR_SITE_ID}
    });

    new Vue({
      el: '#app',
      router,
      components: {App},
      template: ''
    })

    window._paq.push(['trackPageView']); //To track pageview

__Félicitations !__Vous avez installé avec succès le code de suivi de Matomo Analytics via le pack npm « vue-matomo ». Pour vérifier que les hits soient suivis, visitez votre site Web et vérifiez que ces données sont visibles dans votre instance Matomo.

Remarques :
* Si vous avez suivi ces étapes, vous pouvez maintenant accéder à Matomo dans vos composants via ‘window._paq.push’.
* Si vous avez suivi ces étapes et qu’aucune donnée n’arrive dans Matomo, vous pouvez contacter notre équipe d’assistance pour obtenir de l’aide ou essayer le Matomo Tag Manager à la place (utilisez ce lien pour les Single Page Applications).