Гайд по настройке Tik Tok Pixel

989
6 мин.

Продвигать видосики в Тик Ток — это, конечно, круто, но когда-нибудь настанет момент, когда придётся работать, например, с eCommerce проектами и тут могут возникнуть проблемы. Как трекать покупки? Как отслеживать макро и микро конверсии на сайте? Ну или как, в конце концов, настроить ремаркетинг? На эти вопросы и даже больше я отвечу в этой статье.

Начнем с базового. Чтобы начать работать с сайтами в связке с тик током, на сайте должен быть установлен Tik Tok Pixel. Что это за зверь такой? Это кусок кода, который отслеживает действия пользователей по определенным событиям: покупка, добавление товара в корзину и т.д. События определяются в зависимости от ниши проекта, под обычный лендинг с услугами в теории может хватить событий Лид и Контакт. Но это в теории. На самом деле под каждый проект нужно индивидуально определять пул событий.

Двигаемся дальше — установка пикселя на сайт. Наверное, это самый простой шаг из данного гайда. Для установки кода на сайт у вас есть множество вариантов. Например, через GTM, поставить ТЗ программисту, чтобы он добавил код в

сайта или интеграции. Обязательно для установки пикселя требуется основной код, который генерируется в кабинете Tik Tok.

  1. Заходим в кабинет Tik Tok и переходим на вкладку Актив и События.
  1. Выбираем WebSite Pixel.
  1. Жмакаем на кнопку создать Pixel и выбираем Ручную установку кода.
  1. Далее видим сам код, копируем и вставляем в сайт вышеописанными методами.

После установки кода на сайт вы можете проверить его работоспособность с помощью плагина TikTok Pixel Helper 2.0.

Настройка событий

Практически каждое событие передаёт в себе какой-то параметр в Event Manager. Примеры параметров: value — стоимость продукта, currency — валюта продукта и т.д. С помощью параметров, площадке Тик Ток проще оптимизироваться по стоимости продукта, анализировать полученные данные с сайта, а также есть возможность создавать кастомные аудитории.

Событие — Добавление данных для оплаты

Срабатывает при добавлении платежных данных на этапе оформления заказа.

 

Событие — Добавление в корзину

Срабатывает при добавлении товара в корзину.

Пример передачи параметров:

 

Событие — Добавление в список желаний

Срабатывает при добавлении товара в список желаний.

 

Событие — Нажатие на кнопку

Срабатывает при «Нажатие на кнопку».

 

Событие — Выполнение оплаты

Срабатывает при оплате заказа.

Событие должно передавать параметры: content_type, content_id (возможны несколько вариантов id), price, currency, content_category (возможны несколько вариантов категорий). 

Событие — Завершение регистрации

Срабатывает при завершении регистрации.

 

Событие — Обратная связь

Срабатывает при получении консультации или обращении к сотрудникам.

Событие — Загрузка

Срабатывает при нажатии на кнопку, которая ведет на внешнюю страницу для загрузки через браузер.

 

Событие — Начало оформления заказа

Срабатывает в начале процесса оформления заказа.

Событие должно передавать параметры - content_type, content_id (возможны несколько вариантов id), price, currency,  content_category (возможны несколько вариантов категорий).

Событие — Поиск

Срабатывает при поиске контента или продукта по сайту.

 

Событие — Отправка формы

Срабатывает при отправке формы.

 

Событие — Подписка

Срабатывает при оформлении пользователем подписки.

 

Событие — Просмотр контента

Срабатывает при просмотре страницы.

<script>
ttq.track('ViewContent')
</script>

Событие должно передавать параметры: content_type, content_id (возможны несколько вариантов id), price, currency, content_category (возможны несколько  вариантов категорий).

Как настроить Pixel через GTM

По перечню событий прошлись. Сейчас покажу, как настроить самому события на примере сайта https://brander.school. Допустим нас интересует трекинг звонков с посадки. Это событие и берём за основу — Контакт. Начнём с установки пикселя на сайт.

  1. Копируем код пикселя и заходим в GTM.
  1. Проваливаемся в теги и создаем новый тег.
  1. Выбираем пользовательский HTML и заливаем код пикселя в тег. Обязательно в настройках активации тега нужно выбрать «Один раз за страницу». Триггер — стандартный All Pages.

Настройка события «Контакт»

  1. Создаем триггер Клик — Все элементы.
  1. Условия активации триггера клик по элементу, который содержит в себе ссылку - tel:
  1. Создаем тег, также выбираем пользовательский HTML и вставляем код события Контакт, который есть выше. Не забываем выбрать триггер, который мы только что создали.

После настройки событий и основного тега пикселя опубликуйте контейнер на сайт.

Отладка событий

И так, с событиями и параметрами определились, код залит на сайт, что делать дальше? Нужно проверить работоспособность событий и корректность их работы.

  1. Заходим в настройки пикселя.
  1. Проваливаемся в тестирование событий.
  2. Вводим в поле сайт, на котором находится пиксель и генерируем QR-код.
  1. Заходим в приложение Tik Tok и сканим QR.
  2. Проходимся по всем событиям на сайте: если они правильно настроены они отобразятся в отладчике. Обязательно смотрим в каждом событии передаваемые параметры. 

Выводы

Без пикселя на сайте вы потеряете возможность трекать действия пользователя на сайте и соответственно запускать рекламные кампании. Не будет возможности оптимизироваться по определенным событиям и создавать кастомные аудитории. Поэтому, какие выводы? Без пикселя никуда! Это важный инструмент, который поможет достичь успешных результатов, но не сделает это за вас.

20 декабря 2021
5 / 5 (5 голосов)