Как добавить пиксель TikTok в Google Tag Manager: Полное руководство

Интеграция инструментов веб-аналитики и рекламных платформ — ключевая задача для эффективного интернет-маркетинга. Пиксель TikTok позволяет отслеживать действия пользователей на вашем сайте после взаимодействия с рекламой в TikTok, а Google Tag Manager (GTM) упрощает управление этим и другими тегами без необходимости прямого редактирования кода сайта.

Саммари статьи

ChatGPT

Google AI

Grok

Perplexity

Что такое пиксель TikTok и зачем он нужен?

Пиксель TikTok — это фрагмент JavaScript-кода, который вы размещаете на своем веб-сайте. Он собирает данные о действиях посетителей (просмотры страниц, добавления в корзину, покупки и т.д.) и передает их в ваш рекламный кабинет TikTok Ads Manager.

Основные функции пикселя TikTok:

• Измерение эффективности кампаний: Оценка ROI рекламных вложений путем отслеживания конверсий.
• Оптимизация рекламы: Алгоритмы TikTok используют данные пикселя для показа рекламы пользователям, наиболее склонным к совершению целевого действия.
• Создание аудиторий: Формирование пользовательских аудиторий для ретаргетинга на основе их поведения на сайте.

Преимущества использования Google Tag Manager для установки пикселя TikTok

Использование GTM для интеграции пикселя TikTok предоставляет несколько значимых преимуществ:

• Централизованное управление: Все маркетинговые и аналитические теги управляются из единого интерфейса.
• Ускорение внедрения: Установка и обновление тегов происходит без привлечения разработчиков и внесения изменений в код сайта.
• Гибкость настройки: Возможность точной настройки триггеров для активации пикселя при определенных условиях (например, посещение конкретных страниц, клики по кнопкам).
• Версионирование и отладка: Встроенные инструменты GTM для тестирования, отладки и отката изменений.

Настройка пикселя TikTok в TikTok Ads Manager

Перед интеграцией через GTM необходимо создать и настроить пиксель непосредственно в рекламном кабинете TikTok.

Создание и настройка пикселя TikTok

1. Войдите в свой аккаунт TikTok Ads Manager.
2. Перейдите в раздел Assets (Активы) -> Events (События).
3. Выберите Website Pixel (Пиксель веб-сайта) и нажмите Manage (Управление).
4. Нажмите Create Pixel (Создать пиксель).
5. Введите название пикселя (например, «Мой Сайт — Пиксель») и выберите Manually Install Pixel Code (Установить код пикселя вручную) или Install Pixel Code by 3rd party tool и выберите Google Tag Manager (хотя для гибкости мы рассмотрим ручной метод установки через GTM).
6. Выберите тип пикселя: Standard Mode (Стандартный режим) или Developer Mode (Режим разработчика). Для большинства задач достаточно стандартного режима.

Получение ID пикселя TikTok

После создания пикселя система предоставит вам его уникальный идентификатор (Pixel ID). Этот ID — строка символов, необходимая для интеграции через GTM. Скопируйте его и сохраните.

Также вам будет предложен базовый код пикселя. Хотя GTM имеет шаблоны, часто надежнее и гибче использовать Пользовательский HTML с базовым кодом.

Интеграция пикселя TikTok через Google Tag Manager

Процесс добавления пикселя TikTok в GTM включает создание нового тега и настройку его активации.

Создание нового тега в Google Tag Manager

1. Откройте рабочую область вашего контейнера GTM.
2. Перейдите в раздел Теги и нажмите кнопку Создать.
3. Дайте тегу понятное имя, например, «TikTok — Base Pixel».

Выбор типа тега: Пользовательский HTML

1. В секции Конфигурация тега нажмите на поле и выберите тип тега Пользовательский HTML.

Вставка кода пикселя TikTok и настройка триггеров

1. В поле HTML вставьте базовый код пикселя TikTok, полученный из TikTok Ads Manager.

<!-- TikTok Pixel Base Code -->
<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)};

    // Замените 'YOUR_TIKTOK_PIXEL_ID' на ваш ID пикселя TikTok
    const tiktokPixelId = 'YOUR_TIKTOK_PIXEL_ID'; // Используйте переменную GTM или вставьте ID напрямую
    ttq.load(tiktokPixelId);
    ttq.page(); // Стандартное событие просмотра страницы
  }(window, document, 'ttq');
</script>
<!-- End TikTok Pixel Base Code -->

• Важно: Замените 'YOUR_TIKTOK_PIXEL_ID' на ваш реальный ID пикселя. Рекомендуется создать переменную типа Константа в GTM для хранения ID пикселя и использовать ее в коде ({{TikTok Pixel ID}}), чтобы упростить управление.
• Убедитесь, что строка ttq.page(); присутствует – она отвечает за отслеживание базового события просмотра страницы.

1. В секции Триггеры выберите триггер, который будет активировать тег. Обычно для базового пикселя используется стандартный триггер All Pages (Просмотр страницы — Все страницы).
2. Сохраните тег.

Публикация контейнера GTM

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

Проверка работоспособности пикселя TikTok

После установки критически важно убедиться, что пиксель работает корректно и передает данные.

Использование TikTok Pixel Helper

TikTok Pixel Helper — это расширение для браузера Google Chrome, которое помогает обнаружить пиксели TikTok на странице и проверить их работу.

1. Установите расширение из Chrome Web Store.
2. Перейдите на ваш сайт.
3. Кликните на иконку расширения в панели браузера.
4. Расширение покажет, найден ли пиксель, его ID и какие события были зафиксированы на текущей странице.

Проверка событий в TikTok Ads Manager

Данные о событиях, собранных пикселем, отображаются в TikTok Ads Manager с некоторой задержкой (от нескольких минут до часа).

1. Перейдите в Assets -> Events -> Website Pixel.
2. Выберите ваш пиксель.
3. На вкладке Overview или Events вы увидите статистику по полученным событиям.
4. Используйте вкладку Test Events для проверки срабатывания событий в реальном времени при взаимодействии с сайтом (требуется ввести URL сайта или использовать QR-код).

Расширенные настройки и устранение неполадок

Базовой установки пикселя достаточно для начала, но для полноценной оптимизации требуется настройка отслеживания конкретных конверсионных событий.

Настройка событий и параметров для пикселя TikTok

TikTok поддерживает ряд стандартных событий (ViewContent, AddToCart, InitiateCheckout, CompletePayment и т.д.). Для их отслеживания создаются отдельные теги в GTM с типом Пользовательский HTML, которые срабатывают на соответствующие триггеры (например, клик по кнопке «Добавить в корзину», посещение страницы благодарности).

Пример кода для события AddToCart:

<script>
  // Предполагается, что базовый код пикселя уже загружен
  // Данные о товаре должны динамически передаваться, например, через dataLayer
  ttq.track('AddToCart', {
    content_type: 'product',
    quantity: {{DLV - quantity}}, // Переменная GTM, получающая количество из dataLayer
    content_id: '{{DLV - productSKU}}', // Переменная GTM для SKU
    value: {{DLV - productPrice}}, // Переменная GTM для цены
    currency: 'RUB' // Или ваша валюта
  });
</script>

• Для передачи динамических данных (цена, SKU, количество) используйте переменные Уровня данных (Data Layer Variable) в GTM, предварительно настроив отправку этих данных в dataLayer на вашем сайте.

Устранение распространенных ошибок при установке пикселя

• Пиксель не найден: Проверьте правильность ID пикселя, статус публикации контейнера GTM, наличие блокировщиков рекламы.
• События не отслеживаются: Убедитесь, что триггеры для тегов событий настроены корректно и срабатывают при нужных действиях. Проверьте правильность синтаксиса кода событий и передаваемых параметров.
• Дублирование событий: Проверьте, не срабатывает ли тег несколько раз из-за неправильной настройки триггеров.
• Несоответствие данных: Сравните данные в TikTok Ads Manager с данными вашей внутренней аналитики. Возможны расхождения из-за моделей атрибуции и технических ограничений.

Рекомендации по оптимизации работы пикселя TikTok

• Используйте Developer Mode: Для более детальной настройки и передачи специфических параметров.
• Advanced Matching: Включите расширенное сопоставление (email, телефон) в настройках пикселя в TikTok Ads Manager для повышения точности атрибуции (убедитесь в соответствии с политиками конфиденциальности).
• Server-Side Tagging (sGTM): Для повышения надежности сбора данных и обхода ограничений браузеров рассмотрите внедрение пикселя через серверный контейнер GTM.
• Согласие пользователя (Consent Mode): Интегрируйте управление пикселем с вашей платформой управления согласием (CMP) для соответствия GDPR, CCPA и другим регуляциям.

Интеграция пикселя TikTok через Google Tag Manager — это стандартная практика, позволяющая эффективно управлять сбором данных для рекламных кампаний в TikTok, сохраняя гибкость и контроль над тегами на вашем сайте.