Acesso completo ao Tenjin por $200/mês - todas as funcionalidades, sem suplementos, cancelar em qualquer altura. Ver preços e caraterísticas

Inscreva-se
Ver categorias

Configuração do Meta Web-to-App

4 minutos de leitura

Configurações do Meta Event Manager #

  • Inicie sessão no seu gestor de eventos Meta.
  • Clique em “Ligar dados” para ligar uma nova fonte de dados.

  • Selecione a opção “Web”.

  • Crie ou selecione o seu conjunto de dados existente (caso já tenha criado um pixel).
  • Se optar por criar um novo conjunto de dados, defina primeiro um nome.
  • Selecione “Configurar manualmente” para instalar o código na sua página de destino.
  • Selecione a opção “Apenas Meta Pixel”.

  • Em seguida, será redirecionado para a página de instalação do Pixel, conforme ilustrado abaixo:

  • Siga cada passo, basta clicar em “Continuar” (não é necessário instalar o código agora) e, em seguida, verá o seu Pixel criado, com o ID indicado abaixo:
  • Pode então gerar o seu token de acesso no separador “Definições”, conforme ilustrado abaixo:
  • Depois de clicar em “Gerar token de acesso”, irá ver o seu token, tal como se mostra abaixo.

Guarde o seu Pixel ID e o seu token de acesso para configuração posterior.

Instalação do código da página de destino #

  • Siga o nosso código de exemplo e basta substituir o ID do Pixel pelo seu. Por favor, inclua o código do Meta Pixel na secção e substitua 670376802193803 pelo seu próprio ID do 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, inclua o trecho abaixo no corpo do seu código HTML; pode editá-lo conforme necessário

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>

No que diz respeito à URL de rastreamento, por favor, obtenha a sua própria URL de rastreamento na Tenjin (consulte as instruções de configuração da Tenjin abaixo).

Configuração no painel do Tenjin #

  • Adicione o canal Meta Web-to-App ao Tenjin.
  • Crie uma campanha na página de campanhas e copie o link de rastreamento conforme indicado abaixo. O código bFpF2uljcAyfPCzwUJ0tuZ na URL corresponde a um ID único da sua conta Tenjin.


  • Ativar o callback Web-to-App do Meta:
    • Meta: da Web para a aplicação (IAP)
    • Meta: Instalação de aplicações a partir da Web (opcional)
    • Evento personalizado Meta Web para aplicação (opcional)

Meta Ads Manager #

  • Escolha o objetivo “Vendas” ao criar uma campanha no Meta Ads Manager.

  • Ao nível do conjunto de anúncios, selecione “Conversão” → “Site”.
  • No nível do anúncio, selecione o pixel que criou na secção “Acompanhamento” .
  • Clique na ligação “Criar um parâmetro de URL” e siga as instruções abaixo para adicionar os parâmetros campaign_id, campaign_name e creative_name, mapeados para os parâmetros adequados, conforme ilustrado abaixo:
  • Certifique-se de que já acionou o evento no Pixel após concluir toda a configuração acima; pode verificar se recebeu esses eventos em “Conjuntos de dados” -> “Visão geral” no Gestor de eventos do Meta.

Quais são os teus sentimentos?