Configurar o Flowsery Analytics num projeto Vue.js

Este guia explica como adicionar o rastreamento do Flowsery Analytics a uma aplicação Vue.js.

Injetar o script a partir do main.js

A abordagem mais limpa é adicionar o script no seu ficheiro de entrada principal.

1. Abra o seu ficheiro principal (normalmente main.js ou main.ts).

2. Adicione o snippet do 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');

Substitua flid_****** pelo Website ID das suas definições do Flowsery Analytics.

Alternativa: abordagem com HTML estático

Também pode colocar o snippet diretamente no index.html:

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

Confirmar que tudo está a funcionar

Após fazer deploy de qualquer uma das abordagens:

• Navegue até ao seu site em produção
• Abra o seu painel do Flowsery Analytics e verifique os pageviews recebidos
• Aguarde alguns minutos para que os primeiros dados apareçam

Para opções adicionais como rastreamento em localhost, endpoints de API personalizados ou configuração entre domínios, consulte a referência de configuração do script.