Flowsery Analytics in einem Vue.js-Projekt einrichten

Diese Anleitung erklärt, wie Sie Flowsery Analytics Tracking zu einer Vue.js-Anwendung hinzufügen.

Script aus main.js einbinden

Der sauberste Ansatz ist, das Script in Ihrer Haupt-Einstiegsdatei anzuhängen.

1. Öffnen Sie Ihre Hauptdatei (normalerweise main.js oder main.ts).

2. Fügen Sie das Flowsery Analytics Snippet hinzu:

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');

Ersetzen Sie flid_****** durch die Website-ID aus Ihren Flowsery Analytics Einstellungen.

Alternative: Statischer HTML-Ansatz

Sie können das Snippet auch direkt in index.html einfügen:

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

Funktionsfähigkeit überprüfen

Nach der Bereitstellung eines der beiden Ansätze:

• Navigieren Sie zu Ihrer Live-Website
• Öffnen Sie Ihr Flowsery Analytics Dashboard und suchen Sie nach eingehenden Seitenaufrufen
• Warten Sie einige Minuten, bis die ersten Daten erscheinen

Für weitere Optionen wie Localhost-Tracking, benutzerdefinierte API-Endpunkte oder Cross-Domain-Konfiguration lesen Sie die Script-Konfigurationsreferenz.