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

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

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

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

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

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

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

Выбираем тип - Установка вручную, нажимаем Далее

Указываем  название пикселя, нажимаем Далее

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

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

Способ настройки выбираем Конструктор событий. Нажимаем кнопку Далее

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

Снизу справа нажимаем кнопку Завершить

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

Нажимаем кнопку Настройки у созданного пикселя

Нажимаем кнопку Смотреть базовый код

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

Нажимаем Загрузить код пикселя

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

После этого зайдите в редактор квиза и во вкладке «Интеграции», найдите интеграцию с TikTok Pixel.В редакторе квиза переходим в Интеграции. В пунтке аналитика выбираем TikTok for Buisness.

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


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

Нажимаем сверху справа кнопку Опубликовать

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


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

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

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

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

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

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

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


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

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

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