# TikTok Pixel
TikTok Pixel — это инструмент от TikTok, представленный небольшим JS кодом, который встраивается на веб-сайт и позволяет делиться событиями на веб-сайте с TikTok. С помощью любого из инструментов TikTok для бизнеса пиксель помогает измерить трафик на веб-сайте, эффективность рекламной кампании, оптимизировать кампании и найти новых клиентов.
Данный код используется для локальных лендингов, загруженных в трекер. Если доступа к коду нет (оффер редирект) — используйте настройку интеграции с TikTok. Смотрите: интеграция с TikTok.
- Создайте в трекере источник трафика по готовому шаблону TikTok и добавьте источник в кампанию — параметры кампании заполнятся автоматически, включая параметр
pixel
:
Откройте лендинг в редакторе и перейдите в
index.html
(илиindex.php
).Добавьте между
<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>
2
3
4
5
6
7
WARNING
Если для передачи пикселя используется другой параметр в кампании, например, px
, необходимо заменить в скрипте:
С document.cookie = "pixel={pixel}
на document.cookie = "pixel={px}
Пример готового варианта настройки:
- Откройте файл/страницу, где необходимо установить пиксель — например, страница благодарности, и добавьте следующий код:
<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 -->
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
Пример готового варианта настройки: