# TikTok Pixel

TikTok Pixel — это инструмент от TikTok, представленный небольшим JS кодом, который встраивается на веб-сайт и позволяет делиться событиями на веб-сайте с TikTok. С помощью любого из инструментов TikTok для бизнеса пиксель помогает измерить трафик на веб-сайте, эффективность рекламной кампании, оптимизировать кампании и найти новых клиентов.

Данный код используется для локальных лендингов, загруженных в трекер. Если доступа к коду нет (оффер редирект) — используйте настройку интеграции с TikTok. Смотрите: интеграция с TikTok.

  1. Создайте в трекере источник трафика по готовому шаблону TikTok и добавьте источник в кампанию — параметры кампании заполнятся автоматически, включая параметр pixel:

  1. Откройте лендинг в редакторе и перейдите в index.html (или index.php).

  2. Добавьте между <head> и </head>:

<script>
var date = new Date();
date.setTime(date.getTime() + (5 * 24 * 60 * 60 * 1000));
if (!'{pixel}'.match('{')) {
  document.cookie = "pixel={pixel}; " + "expires=" + date.toUTCString() + "";
}
</script>
1
2
3
4
5
6
7

WARNING

Если для передачи пикселя используется другой параметр в кампании, например, px, необходимо заменить в скрипте: С document.cookie = "pixel={pixel} на document.cookie = "pixel={px}

Пример готового варианта настройки:

  1. Откройте файл/страницу, где необходимо установить пиксель — например, страница благодарности, и добавьте следующий код:
<script>
var matches = document.cookie.match(new RegExp("(?:^|; )" + 'pixel' + "=([^;]*)"));
var pixel = matches ? decodeURIComponent(matches[1]) : undefined;
</script>

<!-- TikTok Pixel Code Start -->
<script>
    !function (w, d, t) {
        w.TiktokAnalyticsObject = t;
        var ttq = w[t] = w[t] || [];
        ttq.methods = ["page", "track", "identify", "instances", "debug", "on", "off", "once", "ready", "alias", "group", "enableCookie", "disableCookie"],
            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]);
        ttq.instance = function (t) {
            for (var e = ttq._i[t] || [], n = 0; n < ttq.methods.length; n++) ttq.setAndDefer(e, ttq.methods[n]);
            return e
        }, ttq.load = function (e, n) {
            var i = "https://analytics.tiktok.com/i18n/pixel/events.js";
            ttq._i = ttq._i || {}, ttq._i[e] = [], ttq._i[e]._u = i, ttq._t = ttq._t || {}, ttq._t[e] = +new Date, ttq._o = ttq._o || {}, ttq._o[e] = n || {};
            var o = document.createElement("script");
            o.type = "text/javascript", o.async = !0, o.src = i + "?sdkid=" + e + "&lib=" + t;
            var a = document.getElementsByTagName("script")[0];
            a.parentNode.insertBefore(o, a)
        };
        ttq.load(pixel);
        ttq.page();
    }(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

Пример готового варианта настройки: