Моніторинг сайту · №08

Перевірка TikTok Pixel

Чеботар А. · CEO FullCheckApp Оновлено 7 хв читання

Коротко

TikTok Pixel — це фрагмент коду на сайті, який передає в рекламний кабінет TikTok події: перегляд товару, додавання в кошик, покупку, заявку. На цих даних TikTok вимірює результати реклами, оптимізує кампанії на конверсії і будує аудиторії. Якщо піксель зник після оновлення сайту, реклама крутиться далі, але система вже не бачить, хто купує.

Зміст статті
  1. Що таке TikTok Pixel?
  2. Навіщо стежити за TikTok Pixel?
  3. Чому TikTok Pixel перестає працювати?
  4. Як розпізнати проблему з TikTok Pixel?
  5. Як перевірити TikTok Pixel самостійно?
  6. Що перевіряє FullCheckApp
  7. Часті питання
  8. Джерела

Що таке TikTok Pixel?

TikTok Pixel — це скрипт рекламної платформи TikTok, який встановлюють на сторінки сайту. Він повідомляє TikTok Ads Manager, що відвідувач зробив на сайті щось важливе: переглянув товар, оформив замовлення, залишив заявку.

«TikTok Pixel — це фрагмент коду, який можна розмістити на своєму сайті і який дає змогу передавати в TikTok події з сайту».
— TikTok Ads Manager, про TikTok Pixel (переклад з англ.)

Подія — це дія відвідувача: перегляд сторінки, додавання в кошик, покупка. TikTok радить налаштовувати події, які відображають увесь шлях клієнта сайтом — від перегляду товару до завершення покупки. Для цього є стандартні події з фіксованими назвами:

ПодіяЩо означаєДе зазвичай спрацьовує
ViewContentПерегляд вмісту, наприклад товаруКартка товару
AddToCartДодавання в кошикКнопка «Купити»
InitiateCheckoutПочаток оформлення замовленняСторінка оформлення
PurchaseПокупкаСторінка подяки після оплати
CompleteRegistrationРеєстраціяПісля створення акаунта
SubmitFormНадсилання формиФорма заявки чи зворотного зв’язку

Повний перелік і параметри подій — у довідці TikTok про стандартні події.

Чому TikTok Pixel перестає працювати?

Як і інші рекламні пікселі, TikTok Pixel найчастіше зникає після змін на сайті, не пов’язаних із рекламою:

  • Оновлення теми або редизайн. Базовий код вписали в шаблон вручну, і новий шаблон його не містить.
  • Зміни в Google Tag Manager. TikTok серед способів підключення пікселя називає партнерів на кшталт Shopify і Google Tag Manager. Якщо піксель працює через GTM, його ламає видалений тег, зламаний тригер або зниклий контейнер.
  • Перепідключена інтеграція. Інтеграцію з платформою магазину вимкнули чи підключили наново, і на сайті з’явився інший піксель.
  • Окремі шаблони сторінок. Кошик чи сторінка подяки зібрані окремо, і подія Purchase не надсилається.
  • Банер згоди на cookie. Банер блокує піксель і налаштований так, що не запускає його навіть після згоди.
  • Оптимізація швидкості. Плагін відкладає або об’єднує скрипти, і код пікселя перестає виконуватися.

Як розпізнати проблему з TikTok Pixel?

Ознаки проблем видно в TikTok Ads Manager і в розділі подій (Events Manager):

Що ви бачитеМожлива причинаЩо зробити
У Events Manager немає нових подій із сайтуКоду пікселя немає на сторінкахЗнайти ttq.load у коді сторінки чи тег у GTM, повернути код
Кліки з TikTok є, а покупок нульПодія Purchase не надсилається зі сторінки подякиПеревірити сторінку подяки через TikTok Pixel Helper
Події надходять в інший піксельНа сайті ідентифікатор старого чи чужого пікселяЗвірити ідентифікатор на сайті з тим, що в Ads Manager
Подвоєні покупкиПіксель стоїть і в коді, і в GTM чи інтеграціїЗалишити одне місце встановлення
Аудиторія відвідувачів сайту зменшуєтьсяНові відвідувачі не потрапляють в аудиторіюПеревірити, чи працює піксель на всіх сторінках

Як перевірити TikTok Pixel самостійно?

Для ручної перевірки в TikTok є власне розширення для браузера:

«TikTok Pixel Helper — це розширення для Chrome, яке допомагає перевірити встановлення пікселя й виправити проблеми з ним».
— TikTok For Business, TikTok Pixel Helper 2.0 (переклад з англ.)
  1. Установіть TikTok Pixel Helper у Chrome і відкрийте головну сторінку сайту. Розширення показує діагностику на рівні пікселя, подій і параметрів, а серед помилок, наприклад, називає «код пікселя не встановлено в заголовку сторінки».
  2. Звірте ідентифікатор знайденого пікселя з тим, що в TikTok Ads Manager.
  3. Пройдіть шлях покупця: картка товару, кошик, оформлення, сторінка подяки. На кожному кроці мають з’являтися відповідні події.
  4. Якщо розширення нічого не знаходить, відкрийте код сторінки (Ctrl+U) і пошукайте ttq.load. Немає в коді — перевірте теги в Google Tag Manager.
  5. У TikTok Ads Manager відкрийте Events Manager і перегляньте, коли від пікселя надійшла остання подія. Порядок налаштування й перевірки описано в довідці TikTok.
  6. Або скористайтеся перевіркою FullCheckApp «Перевірка TikTok Pixel» й отримайте інформацію в зручному графічному вигляді.

Якщо ви обрали останній пункт — ви вже ухвалили правильне рішення: перевірка виконується автоматично, і про попередження чи критичну подію ви дізнаєтеся першими.

Що перевіряє FullCheckApp

FullCheckApp щодня перевіряє, чи встановлено на сайті TikTok Pixel. Піксель шукаємо в двох місцях: у коді самої сторінки і всередині контейнера Google Tag Manager. Тож перевірка спрацює, хоч би як піксель підключено — вручну, через інтеграцію чи через GTM.

  • Коли. Раз на добу в час, який ви обрали, за вашим часовим поясом.
  • Де. Головна і до 10 внутрішніх сторінок на сайт; у звіті видно, на якій саме сторінці проблема.
  • Як позначається. Зелена позначка — норма, жовта — попередження, червона — критично. Рівень критичності можна налаштувати окремо для кожного сайту.
  • Як ви дізнаєтеся. Після кожної перевірки приходить лист зі звітом, критичні проблеми дублюються в Telegram.
Теги й пікселіshop.example.com · приклад
TikTok Pixelне знайденоshop.example.com/

Піксель не знайдено на сторінці й у контейнері GTM.

Сервіс дивиться на сайт ззовні, як звичайний відвідувач, тож нічого встановлювати не потрібно. Так само перевіряються Facebook Pixel і тег Google Analytics 4, а за самим контейнером стежить перевірка Google Tag Manager.

Часті питання

Навіщо TikTok Pixel, якщо реклама й так приводить відвідувачів?

Без пікселя TikTok бачить лише покази й кліки, але не знає, хто з відвідувачів купив чи залишив заявку. Піксель передає ці події в TikTok Ads Manager: так видно реальну віддачу від реклами, кампанії можна оптимізувати на конверсії, а відвідувачів сайту — збирати в аудиторії для повторного показу реклами.

Які події TikTok Pixel варто налаштувати?

TikTok радить налаштовувати події, що відображають увесь шлях клієнта: від перегляду товару до покупки. Для інтернет-магазину це зазвичай ViewContent, AddToCart, InitiateCheckout і Purchase, для сайту послуг — SubmitForm або Contact. Стандартні назви подій TikTok використовує для звітності, оптимізації конверсій і побудови аудиторій.

Чим TikTok Pixel відрізняється від Events API?

Піксель працює в браузері відвідувача: це код на сторінках сайту. Events API передає події напряму з вашого сервера на сервер TikTok. TikTok рекомендує використовувати обидва способи разом, з налаштованим усуненням дублікатів, щоб одна й та сама подія не рахувалася двічі.

Як перевірити, що TikTok Pixel встановлено правильно?

Встановіть розширення TikTok Pixel Helper для Chrome і відкрийте сайт. Розширення покаже діагностику на рівні пікселя, подій і параметрів, а також помилки встановлення. Пройдіть увесь шлях покупця до сторінки подяки і переконайтеся в Events Manager у TikTok Ads Manager, що всі події справді надходять.

Чи можна встановити TikTok Pixel через Google Tag Manager?

Так. TikTok серед способів підключення пікселя називає партнерські інтеграції, зокрема Google Tag Manager і Shopify. У такому разі коду пікселя немає безпосередньо в коді сторінки: він зберігається в контейнері GTM. Тому перевіряти треба і сторінку, і сам контейнер, адже піксель може зникнути разом із ним.

Джерела

  1. TikTok Ads Manager — About TikTok Pixelads.tiktok.com/help/article/tiktok-pixel
  2. TikTok Ads Manager — Set up and Verify Pixelads.tiktok.com/help/article/get-started-pixel
  3. TikTok Ads Manager — Standard Events and Parametersads.tiktok.com/help/article/standard-events-parameters
  4. TikTok For Business — TikTok Pixel Helper 2.0ads.tiktok.com/help/article/pixel-downloadable-guides
  5. TikTok For Business — About Events APIads.tiktok.com/help/article/events-api

Перевірте свій сайт

Додайте адресу сайту — перша перевірка пройде одразу, і ви побачите стан кожного пункту з цього матеріалу.

Перевірити безкоштовно

Схожі матеріали

07 Перевірка Facebook PixelНавіщо потрібен піксель Meta, як він передає події в рекламний кабінет і що відбувається з ретаргетингом, коли піксель перестає працювати. 05 Перевірка Google Tag ManagerЩо таке контейнер GTM, чому через нього працюють аналітика й пікселі і що ламається, коли код контейнера зникає зі сторінок. 06 Перевірка тегу Google Analytics 4Як тег GA4 збирає дані про відвідувачів, чому він може зникнути після оновлення сайту і чим це загрожує звітам і рекламі.