> ## 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.

# Dispara el evento Lead de Meta Pixel al enviar el quiz

> Aprende a disparar un evento Lead de Meta Pixel cuando un visitante envía tu quiz de LanderLab, con el fragmento de JS, los pasos para comprobarlo y las soluciones más habituales.

Cuando un visitante completa y envía tu quiz de LanderLab, puedes disparar un evento **Lead** de Meta Pixel en ese preciso momento. Es una de las señales de conversión más útiles que puedes enviar a Meta, porque capta a usuarios con mucha intención que han recorrido todo el flujo del quiz, no solo a quienes han llegado a la página.

Esta guía explica toda la configuración, cómo comprobar que funciona y qué hacer si no funciona.

<Note>
  Tu landing page tiene que tener ya **instalado el código base de Meta Pixel** antes de seguir esta guía. Si todavía no lo has hecho, consulta primero [Configura la integración con Meta Pixel](/es/integrations/pixels/meta-pixel).
</Note>

## Cómo funciona

LanderLab dispara un evento personalizado del navegador llamado `ll-quiz-submit` cada vez que un visitante envía el quiz. El código que añadirás en esta guía escucha ese evento y le dice a Meta Pixel que lo registre como `Lead`.

El fragmento también incluye una comprobación (`typeof fbq === "function"`) para evitar errores si el código base del píxel todavía no se ha cargado.

## Configuración

<Steps>
  <Step title="Abre tu quiz en LanderLab">
    Ve a **Landing Pages** y haz clic en el nombre de la landing page que contiene tu quiz.

    Haz clic en **Edit** para abrir el editor del quiz.
  </Step>

  <Step title="Abre la pestaña JS Code">
    Dentro del editor del quiz, busca **JS Code** y haz clic en ella.

    Si ya hay código en este campo, bórralo antes de pegar el nuevo fragmento. Tener varios listeners para el mismo evento es la causa más habitual de que el evento Lead se dispare dos veces.
  </Step>

  <Step title="Pega el fragmento del evento Lead">
    Copia y pega este código en el campo **JS Code**:

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

    <Warning>
      No envuelvas este código en etiquetas `<script>` o `</script>`. El campo JS Code solo acepta JavaScript sin etiquetas.
    </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="El campo JS Code del editor del quiz con el fragmento del evento Lead" width="1915" height="992" data-path="images/JS-code.png" />
    </Frame>
  </Step>

  <Step title="Guarda y publica">
    Haz clic en **Update**, en la esquina superior derecha, para guardar los cambios.

    Haz clic en **Preview** y completa tú mismo el quiz para probarlo antes de ponerlo en vivo. Cuando confirmes que funciona, publica tu página o embudo como siempre.
  </Step>
</Steps>

## Comprueba que se dispara el evento Lead

Elige uno de estos métodos para confirmar que Meta Pixel recibe el evento Lead.

<AccordionGroup>
  <Accordion title="Opción A: Meta Pixel Helper (recomendado)">
    1. Instala la extensión de Chrome [Meta Pixel Helper](https://chromewebstore.google.com/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc).
    2. Abre la página de tu quiz en el navegador.
    3. Completa el quiz y envíalo.
    4. Haz clic en el icono de la extensión Pixel Helper y comprueba que aparece un evento **Lead** en la lista.

    Es la forma más rápida de comprobarlo. El evento aparece justo después del envío.
  </Accordion>

  <Accordion title="Opción B: Administrador de eventos de Meta">
    1. Ve al [Administrador de eventos de Meta](https://business.facebook.com/events_manager) y selecciona tu píxel.
    2. Haz clic en **Test Events**.
    3. Abre la página de tu quiz con el enlace de prueba que te da Meta.
    4. Envía el quiz.
    5. Busca un evento **Lead** en el panel Test Events. Puede tardar unos segundos en aparecer.
  </Accordion>
</AccordionGroup>

## Solución de problemas

<AccordionGroup>
  <Accordion title="El evento Lead no se dispara">
    Revisa lo siguiente:

    * **El código base de Meta Pixel no está instalado.** La función `fbq` tiene que existir en la página para que el fragmento pueda llamarla. Completa la [configuración de Meta Pixel](/es/integrations/pixels/meta-pixel) si todavía no lo has hecho.
    * **Se incluyeron etiquetas script.** El campo JS Code no acepta HTML. Quita cualquier etiqueta `<script>` o `</script>` del fragmento.
    * **El código está en el sitio equivocado.** Asegúrate de que el fragmento está en la pestaña **JS Code** del editor del quiz, no en la cabecera de la página ni en una zona de scripts globales.
  </Accordion>

  <Accordion title="El evento Lead se dispara dos veces">
    Ocurre cuando el mismo listener se registra más de una vez. Comprueba que el fragmento del evento Lead solo está en un sitio. Causas habituales de duplicación:

    * El fragmento está tanto en la pestaña **JS Code** del quiz como en la cabecera de la página.
    * El mismo fragmento se pegó dos veces dentro del campo JS Code.
    * Una zona de scripts globales de la página también contiene el mismo listener.

    Elimina todos los duplicados y deja solo una instancia dentro de la pestaña JS Code del quiz.
  </Accordion>
</AccordionGroup>