> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Dispare o evento Lead do Meta Pixel ao enviar o quiz

> Saiba como disparar um evento Lead do Meta Pixel quando um visitante envia seu quiz do LanderLab, incluindo o snippet JS, os passos de verificação e as correções mais comuns.

Quando um visitante conclui e envia o seu quiz do LanderLab, você pode disparar um evento **Lead** do Meta Pixel exatamente nesse momento. Esse é um dos sinais de conversão mais úteis que você pode enviar para a Meta, porque ele captura usuários com alta intenção que passaram por todo o fluxo do quiz, e não apenas pessoas que chegaram à página.

Este guia aborda a configuração completa, como verificar se ela está funcionando e o que fazer se não estiver.

<Note>
  Sua landing page já deve ter o **código base do Meta Pixel instalado** antes de você seguir este guia. Se você ainda não fez isso, consulte primeiro [Configurar a integração do Meta Pixel](/pt-BR/integrations/pixels/meta-pixel).
</Note>

## Como funciona

O LanderLab dispara um evento personalizado do navegador chamado `ll-quiz-submit` toda vez que um visitante envia o quiz. O código que você vai adicionar neste guia fica escutando esse evento e diz ao Meta Pixel para rastreá-lo como `Lead`.

O snippet também inclui uma verificação de segurança (`typeof fbq === "function"`) para evitar erros caso o código base do Pixel ainda não tenha sido carregado.

## Configuração

<Steps>
  <Step title="Abra seu quiz no LanderLab">
    Acesse **Landing Pages** e clique no nome da landing page que contém o seu quiz.

    Clique em **Edit** para abrir o construtor de quiz.
  </Step>

  <Step title="Abra a aba JS Code">
    Dentro do construtor de quiz, encontre e clique em **JS Code**.

    Se já houver algum código nesse campo, exclua-o antes de colar o novo snippet. Ter vários listeners para o mesmo evento é a causa mais comum de o Lead ser disparado duas vezes.
  </Step>

  <Step title="Cole o snippet do evento Lead">
    Copie e cole o código a seguir no campo **JS Code**:

    ```js theme={null}
        // Meta Pixel: fire Lead on quiz submit
        window.addEventListener("ll-quiz-submit", function () {
          if (typeof fbq === "function") {
            fbq("track", "Lead");
          }
        });
    ```

    <Warning>
      Não coloque este código entre as tags `<script>` ou `</script>`. O campo JS Code aceita apenas JavaScript puro.
    </Warning>

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/iFzmBqNpuU8YoXcv/images/JS-code.png?fit=max&auto=format&n=iFzmBqNpuU8YoXcv&q=85&s=ddb705f7bc8a97c85414b34e049ea123" alt="JS Code" width="1915" height="992" data-path="images/JS-code.png" />
    </Frame>
  </Step>

  <Step title="Salve e publique">
    Clique em **Update** no canto superior direito para salvar suas alterações.

    Clique em **Preview** e faça o quiz você mesmo para testar antes de colocá-lo no ar. Depois de confirmar que está funcionando, publique sua página ou seu funil normalmente.
  </Step>
</Steps>

## Verifique se o evento Lead está sendo disparado

Escolha um dos métodos a seguir para confirmar que o Meta Pixel está recebendo o evento Lead.

<AccordionGroup>
  <Accordion title="Opção A: Meta Pixel Helper (recomendado)">
    1. Instale a extensão do Chrome [Meta Pixel Helper](https://chromewebstore.google.com/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc).
    2. Abra a página do seu quiz no navegador.
    3. Conclua o quiz e envie-o.
    4. Clique no ícone da extensão Pixel Helper e confirme que um evento **Lead** aparece na lista.

    Esta é a forma mais rápida de verificar. O evento aparece imediatamente após o envio.
  </Accordion>

  <Accordion title="Opção B: Meta Events Manager">
    1. Acesse o [Meta Events Manager](https://business.facebook.com/events_manager) e selecione seu Pixel.
    2. Clique em **Test Events**.
    3. Abra a página do seu quiz usando o link de teste fornecido pela Meta.
    4. Envie o quiz.
    5. Acompanhe o painel Test Events até aparecer um evento **Lead**. Pode levar alguns segundos para ele aparecer.
  </Accordion>
</AccordionGroup>

## Solução de problemas

<AccordionGroup>
  <Accordion title="O evento Lead não está sendo disparado">
    Verifique o seguinte:

    * **O código base do Meta Pixel não está instalado.** A função `fbq` precisa existir na página antes que o snippet possa chamá-la. Conclua a [configuração do Meta Pixel](/pt-BR/integrations/pixels/meta-pixel), caso ainda não tenha feito isso.
    * **As tags de script foram incluídas.** O campo JS Code não aceita HTML. Remova do snippet qualquer tag `<script>` ou `</script>`.
    * **O código está no lugar errado.** Certifique-se de que o snippet está na aba **JS Code** do construtor de quiz, e não no cabeçalho da página ou em uma área de script global.
  </Accordion>

  <Accordion title="O evento Lead está sendo disparado duas vezes">
    Isso acontece quando o mesmo listener é registrado mais de uma vez. Verifique se o snippet do Lead existe em apenas um lugar. Fontes comuns de duplicação:

    * O snippet está tanto na aba **JS Code** do quiz quanto no cabeçalho da página.
    * O mesmo snippet foi colado duas vezes dentro do campo JS Code.
    * Uma área de script global da página também contém o mesmo listener.

    Remova todas as duplicatas e mantenha apenas uma instância, dentro da aba JS Code do quiz.
  </Accordion>
</AccordionGroup>