Configurar Flowsery Analytics en un proyecto Vue.js

Esta guia explica como agregar el seguimiento de Flowsery Analytics a una aplicacion Vue.js.

Inyectar el script desde main.js

El enfoque mas limpio es agregar el script en tu archivo de entrada principal.

1. Abre tu archivo principal (generalmente main.js o main.ts).

2. Agrega el fragmento de 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');

Reemplaza flid_****** con el Website ID de tu configuracion de Flowsery Analytics.

Alternativa: enfoque con HTML estatico

Tambien puedes colocar el fragmento directamente en index.html:

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

Confirmar que todo funciona

Despues de desplegar cualquiera de los enfoques:

• Navega a tu sitio en produccion
• Abre tu panel de Flowsery Analytics y busca las visitas entrantes
• Espera un par de minutos para que aparezcan los primeros datos

Para opciones adicionales como seguimiento en localhost, endpoints API personalizados o configuracion entre dominios, consulta la referencia de configuracion del script.