🔥 Acceso completo a Tenjin por $200/mes - todas las funciones, sin complementos, cancela cuando quieras. Ver precios y características

Regístrate
Ver categorías

Configuración de Meta Web-to-App

4 minutos de lectura

Configuraciones de Meta Event Manager #

  • Inicia sesión en tu gestor de eventos Meta.
  • Haz clic en “Conectar datos” para conectar una nueva fuente de datos.

  • Selecciona la opción “Web”.

  • Crea o selecciona tu conjunto de datos ya existente (si ya has creado un píxel).
  • Si decides crear un nuevo conjunto de datos, define primero un nombre.
  • Selecciona “Configuración manual” para instalar el código en tu página de destino.
  • Selecciona la opción “Solo Meta Pixel”.

  • A continuación, se te redirigirá a la página de instalación de Pixel, tal y como se muestra a continuación:

  • Sigue cada paso; solo tienes que hacer clic en “Continuar” (no es necesario instalar el código ahora) y, a continuación, verás que se ha creado tu Pixel con el ID que se indica a continuación:
  • A continuación, puedes generar tu token de acceso en la pestaña “Configuración”, tal y como se muestra a continuación:
  • Una vez que hagas clic en “Generar token de acceso”, verás tu token tal y como se muestra a continuación.

Guarda tu ID de Pixel y tu token de acceso para poder seguir con la configuración.

Instalación del código de la página de destino #

  • Sigue nuestro código de ejemplo y simplemente sustituye el ID de Pixel por el tuyo. Incluye el código de Meta Pixel en la sección y cambia 670376802193803 por tu propio ID de Pixel.

JavaScript
<head>
  <!-- Meta Pixel Code -->
  <script>
    !(function (f, b, e, v, n, t, s) {
      if (f.fbq) return;
      n = f.fbq = function () {
        n.callMethod
          ? n.callMethod.apply(n, arguments)
          : n.queue.push(arguments);
      };
      if (!f._fbq) f._fbq = n;
      n.push = n;
      n.loaded = !0;
      n.version = "2.0";
      n.queue = [];
      t = b.createElement(e);
      t.async = !0;
      t.src = v;
      s = b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t, s);
    })(
      window,
      document,
      "script",
      "https://connect.facebook.net/en_US/fbevents.js"
    );
    fbq("init", "670376802193803");
    fbq("track", "PageView");
  </script>
  <noscript>
    <img
      height="1"
      width="1"
      style="display: none"
      src="https://www.facebook.com/tr?id=670376802193803&ev=PageView&noscript=1"
    />
  </noscript>
  <!-- End Meta Pixel Code -->
</head>

Por favor, incluye el siguiente fragmento en el cuerpo de tu código HTML; puedes modificarlo según sea necesario.

JavaScript
<script>
    // Capture URL Parameters
    const urlParams = new URLSearchParams(window.location.search);
    let fbclid = urlParams.get("fbclid") || "";
    let fbc = fbclid ? `fb.1.${Date.now()}.${fbclid}` : "";
    let fbpid = getFbPid();
    let campaign_id = urlParams.get("campaign_id") || "";
    let campaign_name = urlParams.get("campaign_name") || "";
    let creative_name = urlParams.get("creative_name") || "";

    // Function to Get Facebook Pixel ID from Cookies
    function getFbPid() {
        let fbPidMatch = document.cookie.match(/(^|;) ?_fbp=([^;]*)(;|$)/);
        return fbPidMatch ? fbPidMatch[2] : null;
    }

    // Function to Handle Download Button Click
    function handleDownloadClick() {
        let trackingURL = `https://track.tenjin.com/v0/metapixel/bFpF2uljcAyfPCzwUJ0tuZ?campaign_id=${campaign_id}&campaign_name=${campaign_name}&creative_name=${creative_name}&tenjin_parameter_0=${fbpid}&tenjin_parameter_1=${fbclid}&bundle_id=com.tenjin.wordsearch&platform=ios`;

        // Send tracking request silently (NO page redirection)
        fetch(trackingURL, { method: "GET", mode: "no-cors" })
            .then(() => {
                console.log("Tracking sent successfully.");
            })
            .catch(() => {
                console.log("Tracking request failed.");
            });
    }

    // Prevent iOS Double-Tap Zoom
    let lastTouchEnd = 0;
    document.addEventListener('touchend', function(event) {
        const now = Date.now();
        if (now - lastTouchEnd <= 300) {
            event.preventDefault();
        }
        lastTouchEnd = now;
    }, false);

    // Prevent Multi-Touch Gestures
    document.addEventListener('touchstart', function(e) {
        if (e.touches.length > 1) {
            e.preventDefault();
        }
    }, { passive: false });
</script>

En cuanto a la URL de seguimiento, por favor, obtén tu propia URL de seguimiento de Tenjin (consulta las instrucciones de configuración de Tenjin que se indican a continuación).

Configuración en el panel de control de Tenjin #

  • Añade el canal Meta Web-to-App a Tenjin.
  • Crea una campaña en la página de campañas y copia el enlace de seguimiento tal y como se indica a continuación. El texto «bFpF2uljcAyfPCzwUJ0tuZ» que aparece en la URL es un identificador único de tu cuenta de Tenjin.


  • Activa la función de devolución de llamada de Meta Web-to-App:
    • Meta: de la web a la aplicación (IAP)
    • Meta: de la web a la instalación de la aplicación (opcional)
    • Evento personalizado de Meta Web a App (opcional)

Meta Ads Manager #

  • Selecciona el objetivo “Ventas” al crear una campaña en Meta Ads Manager.

  • En el nivel de conjunto de anuncios, selecciona “Conversión” → “Sitio web”.
  • En el nivel de anuncio, selecciona el píxel que has creado en la sección “Seguimiento” .
  • Haz clic en el enlace “Crear un parámetro de URL” y sigue las instrucciones que se indican a continuación para añadir «campaign_id», «campaign_name» y «creative_name», asignándolos a los parámetros correspondientes, tal y como se muestra a continuación:
  • Asegúrate de haber enviado ya el evento a Pixel una vez completada toda la configuración anterior; puedes comprobar si has recibido dichos eventos en “Conjuntos de datos” -> “Resumen” en el gestor de eventos de Meta.

Cuáles son sus sentimientos