С 16 мая 2023 года в рекламных кабинетах Telegram Ads стала доступна долгожданная функция — пиксель. Этот инструмент позволяет напрямую собирать данные о действиях пользователей на вашем сайте после их перехода из рекламы в Telegram. Теперь вам не придется вручную сопоставлять данные из Яндекс.Метрики или Google Analytics со статистикой Telegram Ads. Вся информация о целевых действиях, стоимости за лид (CPL) и конверсиях будет доступна в едином интерфейсе. В этом подробном руководстве мы разберем, что такое пиксель, как его правильно установить и настроить для отслеживания ключевых событий.
Что такое пиксель Telegram Ads и как он работает?
Пиксель — это небольшой фрагмент кода JavaScript, который размещается на страницах вашего сайта. Его основная задача — собирать обезличенные данные о поведении пользователей, которые пришли из рекламы в Telegram. Эти данные помогают анализировать эффективность рекламных кампаний.
С помощью пикселя можно отслеживать широкий спектр действий: добавление товара в корзину, регистрацию, оформление покупки, просмотр ключевых страниц и многое другое. Всего Telegram Ads поддерживает 19 стандартных типов событий.
Важная особенность: пиксель Telegram Ads использует модель атрибуции по просмотру (view-through attribution). Это означает, что конверсия будет засчитана не только если пользователь кликнул по объявлению, но и если он просто его увидел, а позже (в течение 7 дней) самостоятельно зашел на сайт и совершил целевое действие. Это позволяет учитывать отложенный эффект от показа рекламы.
Три основных шага для настройки пикселя
Чтобы система начала отслеживать конверсии, необходимо выполнить три последовательных действия:
1. Установить базовый код на все страницы сайта.
2. Создать и настроить событие, разместив соответствующий код на нужных элементах (например, на кнопке «Отправить заявку»).
3. Выбрать это событие в настройках рекламного объявления при его создании.
Установка базового кода пикселя на сайт
Базовый код — это фундамент для работы пикселя. Он должен быть размещен на каждой странице вашего сайта, обычно внутри тега <head>.
Процесс установки зависит от платформы:
- Конструкторы сайтов (Tilda, Readymag и др.): В настройках сайта обычно есть специальный раздел для вставки HTML-кода. Программирование не требуется.
- Google Tag Manager: Вы можете использовать этот менеджер тегов для удобного управления пикселем.
- Самописный сайт: Необходимо передать задание разработчику на добавление кода в шаблон страниц.
Пошаговая установка на примере Tilda
Шаг 1: Получение кода. В рекламном кабинете Telegram Ads зайдите в раздел «Управление событиями» → «Менеджер кампаний» и нажмите «Создать пиксель». Скопируйте появившийся базовый код.
Шаг 2: Размещение кода в Tilda. В личном кабинете Tilda откройте настройки нужного сайта (не отдельной страницы). Перейдите в раздел «Еще» → «Html-код для вставки внутрь HEAD». Вставьте скопированный код в появившееся поле.
Шаг 3: Публикация. После сохранения настроек обязательно опубликуйте все страницы сайта, нажав соответствующую кнопку в интерфейсе. Теперь базовый код активен.
Создание и настройка события для отслеживания
По умолчанию создаются два события: «Просмотр страницы» и «Просмотр целевой страницы». Однако для эффективной работы чаще всего нужно создавать собственные события, например, для отслеживания отправки формы заявки.
Шаг 1: Создание события. В том же разделе «Управление событиями» нажмите «Добавить событие». Дайте ему понятное имя (например, «Заявка с сайта») и выберите подходящий тип из 19 доступных (например, «Лид/Регистрация»). Тип служит для удобной категоризации.
Шаг 2: Получение ID события. После сохранения система сгенерирует код события. Из него вам нужно скопировать уникальный 18-символьный идентификатор (ID), который выглядит как случайный набор символов после tgp('event',.
Шаг 3: Определение элементов на сайте. Перейдите на страницу вашего сайта с формой. С помощью инструментов разработчика браузера (правый клик → «Просмотреть код») найдите кнопку отправки формы. Вам необходимо определить два параметра:
1. Класс кнопки (BUTTON_CLASS): значение атрибута class (например, t-submit).
2. Текст кнопки (BUTTON_TEXT): то, что написано на кнопке (например, «Отправить»).
Шаг 4: Вставка и настройка кода события. Вернитесь в настройки сайта Tilda в раздел с HTML-кодом. Под уже вставленным базовым кодом добавьте следующий блок, предварительно заменив значения переменных:
<script>
document.addEventListener('DOMContentLoaded', function() {
const button = document.querySelector('.BUTTON_CLASS');
if (button && button.textContent.trim() === 'BUTTON_TEXT') {
button.addEventListener('click', function() {
tgp('event', 'EVENT_ID');
console.log('Событие отправлено');
});
}
});
</script>- Замените
EVENT_IDна ваш 18-символьный идентификатор. - Замените
BUTTON_CLASSна найденный класс кнопки (не забудьте о точке в селекторе.t-submit). - Замените
BUTTON_TEXTна точный текст кнопки.
Шаг 5: Публикация и тестирование. Сохраните изменения и заново опубликуйте все страницы сайта. Для проверки откройте сайт, включите консоль разработчика (вкладка Console), заполните форму и нажмите кнопку. В консоли должно появиться сообщение «Событие отправлено». В кабинете Telegram Ads статус события должен смениться на «Активно» с указанием времени последнего срабатывания.
Как выбрать событие при запуске рекламы
Когда вы создаете новое объявление в Telegram Ads и указываете ссылку на сайт, в настройках кампании найдите поле «Событие конверсии». В выпадающем списке появится созданное вами событие (например, «Заявка с сайта»). Выберите его. Обратите внимание, что для одной кампании можно выбрать только одно целевое событие.
Готово! Теперь статистика по конверсиям из этого объявления будет автоматически собираться и отображаться в вашем рекламном кабинете Telegram Ads, что значительно упростит анализ эффективности и оптимизацию бюджета.
Автор: Маша Смирнова, эксперт по Telegram Ads, автор канала «Masha & Telegram Ads».
Обратите внимание: Нестандартные и весьма рабочие действия на пути к удаче. Часть 1.
Больше интересных статей здесь: Успех.
Источник статьи: Гайд: Pixel Tag в Telegram Ads. Как добавить пиксель и отслеживать действия пользователей на сайте с таргетированной рекламы в Телеграме.
