Como instalo o Zenovay no Webflow?

O Webflow facilita adicionar o Zenovay — não há plugin para instalar. Você cola a tag do tracker no painel «Head Code» do site e publica.

Passos

1. 1

   Copie seu código de rastreamento

   Faça login em app.zenovay.com, abra o painel do seu site e vá para Configurações → Geral. Seu trecho de rastreamento é exibido ali — copie o código de rastreamento (parece com zv_abc123xyz).

2. 2

   Abra as configurações do site no Webflow

   No Webflow Designer, clique no nome do projeto no canto superior esquerdo e escolha Site settings. Em seguida, vá para a aba Custom code.

3. 3

   Cole o tracker em Head Code

   No campo Head code, cole:

   <script
     defer
     src="https://api.zenovay.com/z.js"
     data-tracking-code="YOUR_TRACKING_CODE"
   ></script>
   

   Substitua YOUR_TRACKING_CODE pelo valor do passo 1.

4. 4

   Salve as alterações

   Clique em Save changes no topo do painel.

5. 5

   Publique o site

   Clique em Publish no canto superior direito e escolha seu domínio em produção. O tracker só dispara no site publicado, não no staging webflow.io — mas visitas no staging também não poluem seus dados.

Verificando se funciona

1. Abra seu site Webflow em produção em uma janela anônima.
2. Espere 30 segundos.
3. Abra o painel do seu site e selecione a aba Live View — sua visita deve aparecer com o local correto.

Se não aparecer, consulte Verificar sua instalação.

Rastreando conversões e envios de formulário

Os eventos nativos de envio de formulário e clique do Webflow não chamam o Zenovay automaticamente. Para rastrear um evento personalizado (por exemplo, um envio de formulário «demo solicitada»), adicione um bloco embed na página com:

<script>
  document.querySelector('#your-form-id').addEventListener('submit', function() {
    window.zenovay('track', 'demo_requested', { form: 'hero_cta' });
  });
</script>

Substitua #your-form-id pelo seletor do formulário e demo_requested pelo nome do seu evento.

Dicas de CSP / Performance

• O Webflow permite o tracker por padrão — nenhuma alteração de CSP é necessária, a menos que você tenha adicionado um cabeçalho Content-Security-Policy personalizado por meio de uma integração de domínio personalizado do Webflow.
• O tracker é carregado com defer, então não bloqueia sua renderização inicial.
• O tracker é um pequeno script único que se carrega de forma assincronamente, portanto tem um efeito negligenciável nas pontuações do Lighthouse.

Leitura relacionada

• Instalando o script de rastreamento
• Verificar sua instalação
• Integração com WordPress
• Integração com Shopify