Configurer Flowsery Analytics dans un projet Vue.js

Ce guide explique comment ajouter le suivi Flowsery Analytics a une application Vue.js.

Injecter le script depuis main.js

L'approche la plus propre est d'ajouter le script dans votre fichier d'entree principal.

1. Ouvrez votre fichier principal (generalement main.js ou main.ts).

2. Ajoutez le snippet Flowsery Analytics :

import { createApp } from 'vue';
import App from './App.vue';
 
// Inject Flowsery Analytics script
const script = document.createElement('script');
script.defer = true;
script.setAttribute('data-fl-website-id', 'flid_******');
script.src = 'https://cdn.flowsery.com/main.js';
document.head.appendChild(script);
 
createApp(App).mount('#app');

Remplacez flid_****** par l'identifiant de site de vos parametres Flowsery Analytics.

Alternative : approche HTML statique

Vous pouvez egalement placer le snippet directement dans index.html :

<script defer data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js"></script>

Verifier que tout fonctionne

Apres avoir deploye l'une ou l'autre approche :

• Accedez a votre site en production
• Ouvrez votre tableau de bord Flowsery Analytics et verifiez les pages vues entrantes
• Accordez quelques minutes pour que les premieres donnees apparaissent

Pour des options supplementaires telles que le suivi en localhost, les endpoints API personnalises ou la configuration inter-domaines, consultez la reference de configuration du script.