🔥 Полный доступ к Tenjin за $200/месяц - все функции, без дополнений, отмена в любое время. Посмотреть цены и характеристики

Зарегистрироваться
Посмотр рубрик

Настройка Meta Web-to-App

4 мин. чтения

Настройки Meta Event Manager #

  • Войдите в свой менеджер мероприятий Meta.
  • Нажмите “Подключить данные”, чтобы подключить новый источник данных.

  • Выберите вариант “Веб”.

  • Создайте или выберите существующий набор данных (если вы уже создали пиксель).
  • Если вы решили создать новый набор данных, сначала укажите его название.
  • Выберите “Настроить вручную”, чтобы установить код на свою целевую страницу.
  • Выберите параметр “Только Meta Pixel”.

  • После этого вы будете перенаправлены на страницу установки Pixel, как показано ниже:

  • Выполняйте каждый шаг, просто нажимайте “Продолжить” (устанавливать код сейчас не нужно), после чего вы увидите, что ваш Pixel создан, а его ID указан ниже:
  • Затем вы можете сгенерировать токен доступа на вкладке “Настройки”, как показано ниже:
  • После нажатия кнопки “Создать токен доступа” вы увидите свой токен, как показано ниже.

Сохраните свой Pixel ID и токен доступа для дальнейшей настройки.

Установка кода целевой страницы #

  • Воспользуйтесь нашим примером кода и просто замените идентификатор Pixel на свой собственный. Пожалуйста, вставьте код Meta Pixel в раздел и замените 670376802193803 на свой собственный идентификатор 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>

Пожалуйста, добавьте приведенный ниже фрагмент в тело вашего HTML-кода; при необходимости вы можете отредактировать его по своему усмотрению

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>

Что касается части URL-адреса для отслеживания, пожалуйста, получите свой собственный URL-адрес для отслеживания в Tenjin (см. инструкцию по настройке Tenjin, приведенную ниже).

Настройка в панели управления Tenjin #

  • Добавьте канал Meta Web-to-App в Tenjin.
  • Создайте кампанию на странице «Кампании» и скопируйте ссылку для отслеживания, как показано ниже. bFpF2uljcAyfPCzwUJ0tuZ в URL-адресе — это уникальный идентификатор вашей учетной записи Tenjin.


  • Включите обратный вызов Meta Web-to-App:
    • Meta: от веб-приложения к встроенным покупкам в мобильном приложении
    • Мета-веб-страница для установки приложения (необязательно)
    • Пользовательское событие Meta «Web to App» (необязательно)

Менеджер рекламы Meta #

  • При создании кампании в Meta Ads Manager выберите цель “Продажи”.

  • На уровне набора рекламных объявлений выберите “Конверсия” → “Веб-сайт”.
  • На уровне рекламного объявления выберите пиксель, который вы создали в разделе “Отслеживание” .
  • Нажмите на ссылку “Создать параметр URL” и следуйте приведенным ниже инструкциям, чтобы добавить параметры campaign_id, campaign_name и creative_name, сопоставленные с соответствующими параметрами, как показано ниже:
  • Пожалуйста, убедитесь, что после завершения всех вышеуказанных настроек вы уже отправили событие в Pixel. Проверить, были ли получены эти события, можно в разделе “Наборы данных” -> “Обзор” в диспетчере событий Meta.

Оцените документ