Как установить TikTok Pixel в квиз?

Инструкция по настройке TikTok Pixel

Чтобы настроить TikTok Pixel:

Перейдите на сайт TikTok For Business и авторизуйтесь.

 Рекламный кабинет TikTok 

Далее необходимо создать TikTok Pixel:

  1. Нажмите События (Events) на вкладке Инструменты (Tools):
  2. Выберите Веб-события (Web events) и кликните Управление (Manage):
  3. Кликните Создать пиксель (Create Pixel):
  4. Далее выберите тип установки — Установка вручную и укажите название для пикселя  

На следующей странице, вам предложат создать бизнес-воронку. Вы можете пропустить данный шаг и перейти к способу настройки событий.

В способе настройки событий выберите Конструктор событий:

Далее нажмите Завершить для сохранения пикселя.

5. Перейдите в Настройки пикселя, пролистайте до раздела Пиксель TikTok и нажмите "Смотреть базовый код".

Нужно кликнуть по кнопке «Загрузить код пикселя» и открыть код пикселя в отдельной вкладке браузера.

В коде будет указан id вашего пикселя, скопируйте его.

После этого зайдите в редактор квиза и во вкладке «Интеграции», найдите интеграцию с TikTok Pixel.

При клике по кнопке появится окно, в котором нужно будет указать id вашего пикселя.


Важно: Обязательно сохраните квиз после настройки.

Чтобы проверить работу пикселя, необходимо установить расширение для браузера TikTok Pixel Helper.


Настройка событий пикселя

Для настройки событий вам обязательно нужно установить расширение для браузера TikTok Pixel Helper.

После установки кода пикселя вам нужно перейти ко второму шагу — Создать события. Выбираем Добавить события в разделе "Настройки".

Введите URL вашего квиза в окне предварительного просмотра в левой части экрана, чтобы синхронизировать квиз с настройкой события. Выберите тип события, затем используйте режим «селектор» для добавления веб-элементов или режим «навигация» для перемещения по вашему квизу. Например, нажмите кнопку «Пройти тест», и нужное правило появится в правой части экрана:

Для второй цели также выбираем метод Событие нажатия и настраиваем событие на отправку формы контактов.

Важный момент: пиксель выбрал такой же селектор, как и у многих кнопок в квизе — button. Это вызовет срабатывание цели при нажатии на любую кнопку квиза, что нам не нужно. Поэтому селектор в правиле стоит изменить и уточнить. Это можно сделать посмотрев HTML код квиза и выбрав другой селектор. Открываем страницу с квизом и выбираем «Исследовать элемент».Поставим для этого правила селектор .lead-form__button и сохраним.

Более подробную информацию о типах событий и их настройках можно найти по ссылке.


После настройки всех правил у событий, протестируйте работу событий, пройдя квиз и отслеживая события в TikTok Pixel Helper.

Готово! Теперь пиксель фиксирует события, которые были настроены и отражает их в кабинете.

👆 На этом пока всё