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

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

Настройка перехода с веб-версии в приложение TikTok for Business

4 мин. чтения

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

  • Войдите в личный кабинет менеджера мероприятий TikTok.
  • Нажмите «+», чтобы подключить новый источник данных.
  • Выберите вариант “Веб” и нажмите “Далее”.
  • Выберите ручную настройку, если вы планируете установить код Pixel самостоятельно.
  • В качестве метода подключения выберите вариант “Tiktok Pixel + Events API”.
  • Укажите название для вашего пикселя.
  • Вставьте базовый код в свою целевую страницу (внутри тегов ).
  • Следуйте инструкциям, чтобы настроить такие события, как загрузка страницы и клик. Вы также можете настроить их позже, когда ваша целевая страница будет готова. На шаге 7 сохраните свой ID пикселя и сгенерируйте токен доступа для дальнейшей настройки.

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

  • Воспользуйтесь нашим примером кода и просто замените идентификатор пикселя на свой. Пожалуйста, добавьте фрагмент кода пикселя TikTok в тег и замените CVQT4GJC77U89V958HM0 на свой собственный идентификатор пикселя.
JavaScript
<head>
  <!-- TikTok Pixel Code Start -->
  <script>
    !(function (w, d, t) {
      w.TiktokAnalyticsObject = t;
      var ttq = (w[t] = w[t] || []);

      // Define available methods
      ttq.methods = [
        "page", "track", "identify", "instances", "debug",
        "on", "off", "once", "ready", "alias", "group",
        "enableCookie", "disableCookie",
        "holdConsent", "revokeConsent", "grantConsent",
      ];

      // Defer method calls until SDK loads
      ttq.setAndDefer = function (t, e) {
        t[e] = function () {
          t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
        };
      };

      for (var i = 0; i < ttq.methods.length; i++) {
        ttq.setAndDefer(ttq, ttq.methods[i]);
      }

      // Create pixel instance
      ttq.instance = function (t) {
        var e = ttq._i[t] || [];
        for (var n = 0; n < ttq.methods.length; n++) {
          ttq.setAndDefer(e, ttq.methods[n]);
        }
        return e;
      };

      // Load the TikTok pixel SDK
      ttq.load = function (e, n) {
        var r = "https://analytics.tiktok.com/i18n/pixel/events.js";
        var o = n && n.partner;

        ttq._i = ttq._i || {};
        ttq._i[e] = [];
        ttq._i[e]._u = r;
        ttq._t = ttq._t || {};
        ttq._t[e] = +new Date();
        ttq._o = ttq._o || {};
        ttq._o[e] = n || {};

        // Inject script tag
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.async = true;
        script.src = r + "?sdkid=" + e + "&lib=" + t;

        var firstScript = document.getElementsByTagName("script")[0];
        firstScript.parentNode.insertBefore(script, firstScript);
      };

      // Initialize with pixel ID and fire page view
      ttq.load("CVQT4GJC77U89V958HM0");
      ttq.page();
    })(window, document, "ttq");
  </script>
  <!-- TikTok Pixel Code End -->
</head>

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

JavaScript
<script>
  // Capture URL Parameters
  const urlParams = new URLSearchParams(window.location.search);
  let ttclid = urlParams.get("ttclid") || "";
  let campaign_id = urlParams.get("campaign_id") || "";
  let campaign_name = urlParams.get("campaign_name") || "";
  let creative_name = urlParams.get("creative_name") || "";

  // Function to Handle Download Button Click
  function handleDownloadClick() {
    let trackingURL =
      `https://track.tenjin.com/v0/click/NBoIGJFsXn8oGtlVqtcaL` +
      `?tenjin_parameter_1=${ttclid}` +
      `&redirect=false`;

    let downloadURL = "https://kudoocat.com/puzzlegame.apk";

    // Step 1: 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.");
      });

    // Step 2: Directly trigger file download
    window.location.href = downloadURL;
  }

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

  • Добавьте канал TikTok Web-to-App в панель управления Tenjin.
  • Сгенерируйте URL-адрес для отслеживания в рамках кампании страница; этот URL-адрес необходимо внедрить на вашу целевую страницу:

    https://track.tenjin.com/v0/click/NBoIGJFsXn8oGtlVqtcaL?click_id=${ttclid}&redirect=false
  • Включите обратный вызов «Установка приложения из веб-версии TikTok».
Оцените документ