Гайд: Pixel Tag в Telegram Ads. Как добавить пиксель и отслеживать действия пользователей на сайте с таргетированной рекламы в Телеграме.
Ура! 16 мая в кабинетах Telegram Ads стал доступен пиксель. С помощью него можно прямо в рекламном кабинете получать данные о действиях пользователей, которые они совершили после перехода с таргета в телеграме. Статистика будет сразу отображаться с количеством целевых действий и СPA/CPL и т.д. Можно забыть про сведение в таблицах данных из Яндекс Метрики и других систем аналитики с данными из кабинета Telegram Ads. В этой статье постараюсь ответить на все вопросы про пиксель и покажу, как им пользоваться по шагам. Благодарность — подписка на мой канал про Telegram Ads.
Что такое пиксель?
Пиксель — это Javascript-код, который устанавливается на рекламируемый сайт, чтобы он собирал данные по взаимодействиям пользователей на сайте после перехода по рекламе. Данные собираются агрегированные, без возможности идентифицировать конкретных пользователей.
Действия могут быть самые разные. Например, добавление в корзину, регистрация, покупка, просмотр определенных страниц. В кабинете Telegram Ads есть целых 19 видов таких действий.
Согласно данным SA Media, пиксель засчитывает конверсии по модели атрибуции post-view.
То есть даже если пользователь не кликнул на объявление, а только просмотрел его и через какое-то время (в пределах 7 дней) сам нашел сайт в поисковике и совершил конверсию, то с пикселем она засчитается в кабинете Telegram Ads. Это поможет отслеживать отложенные конверсии. Источник.
Как настроить пиксель Telegram Ads?
Чтобы пиксель работал, необходимо выполнить 3 шага:
1. Поставить код на сам сайт (Base Code) 2. Создать событие и поставить код на нужные элементы (Event Code) 3. Выбрать событие при создании объявления
Как поставить код пикселя Telegram Ads на сайт (Base Code)?
Этот код (Base Code) должен стоять на всех страницах сайта вне зависимости от того, какое действие вы хотите отслеживать.
Если у вас сайт сделан на конструкторе (например на Tilda), в настройках сайта есть соответствующее меню. Знать программирование не нужно.
Если у вас стоит Google Tag Manager, можно поставить пиксель с помощью него.
Если у вас самописный сайт — тут уже надо прислать задание программисту, которое будет содержать код пикселя из Telegram Ads.
Расскажу, как поставить пиксель на примере самого популярного конструктора Tilda.
1. Переходим в Telegram Ads в раздел Manage Events.
2. Вы попали в раздел "Events Manager" вашего аккаунта. Здесь нужно нажать на кнопку "Create a pixel"
Перед вами выйдет окошко с кодом. Копируем код кнопкой Copy Code.
Этот код должен быть помещен в коде сайта перед </head>. Как это сделать на тильде далее.
2. Заходите в личный кабинет tilda.ru/projects/ жмите на нужный сайт и переходите в Настройки сайта. Важно, чтобы вы попали именно в настройку всего сайта, а не отдельной страницы. Переходим в раздел Ещё.
3. В разделе "Ещё" находим заголовок "Html-код для вставки внутрь HEAD". Нажимаем кнопку "Редактировать код".
4. В этом разделе вас могут попросить подтвердить адрес электронной почты и телефон, подтверждаем. Если всё ок и жёлтым ничего не горит, должно быть просто пустое поле для кода.
Вставляем наш скопированный из Telegram Ads код. Если всё как на скрине, жмём "Сохранить". Возвращаемся в Настройки сайта и там тоже сохраняем.
5. Далее надо опубликовать все страницы. Возвращайтесь в "Мои сайты", жмите на нужный сайт и на кнопку "Опубликовать все страницы".
Отлично! Base Code добавлен на все страницы сайта. Теперь можно настраивать события.
Как создать событие для отслеживание конверсий с помощью пикселя Telegram Ads?
После создания пикселя у вас в кабинете уже будут два созданных события по умолчанию — Landing Views и Page Views. Однако, чаще всего мало у кого цель рекламы — это посещение страницы, поэтому нам надо создать самостоятельно ту цель, которая поможет нам считать выполнение пользователем целей РК. Покажу на примере отправки формы.
1. Нажимаем Add an event.
Всплывает окошко, где можно выбрать название события и тип события. Назовём, допустим, Заявка и выберем "Lead / Sign up". Нажимаем Save.
Всего типов событий в Telegram Ads 19. Они не на что не влияют и нужны просто чтобы ориентироваться, если событий много. Типы событий: Page view, Add to cart, Add to wishlist, Customise product, Initiate checkout, Add payment info, Purchase, Contact, Lead/Sign up, Schedule, Complete registration, Submit Application, Start trial, Subscribe, View content, Search, Find location, Donate, Custom.
2. Далее всплывает окошко с кодом.
Первый — base code, мы его уже установили в предыдущем разделе гайда.
Второй — event code. Из него нам надо скопировать идентификатор события. Он выглядит как набор из рандомных 18 символов и находится в коде после tgp('event',. Выделила свой на скриншоте.
Если мы просто вставим кусок кода, то он не поймет, когда срабатывать. Поэтому я дам вам усовершенствованный кусок кода и объясню, как в него подставить свои данные.
3. Идём на свой сайт.
Листаем до кнопки отправки нужной нам формы. Кликаем на кнопку правой кнопкой мыши и открываем "Просмотреть код". Справа появится панель консоли и там будет выделен голубым код кнопки.
Из него нам нужно взять то, что в кавычках после class=. В моём случае это t-submit. В этом коде также мы видим текст кнопки (который отображается на самом сайте), он нам тоже понадобится.
Итого класс кнопки в моём примере — t-submit, текст кнопки — отправить.
4. Идём обратно в кабинет тильды.
Выбираем нужный сайт, открываем Настройки сайта, переходим в раздел Ещё. Там находим заголовок "Html-код для вставки внутрь HEAD". Нажимаем кнопку "Редактировать код".
Там у нас уже должен стоять base code, который мы установили ранее при создании пикселя Telegram Ads.
Ниже надо вставить следующий код:
<script>
window.addEventListener('load', function () {
const eventCode = 'EVENT_ID';
const buttonSelector = '.КЛАСС_КНОПКИ';
const expectedText = 'ТЕКСТ_КНОПКИ';
const submitButton = document.querySelector(buttonSelector);
if (submitButton) {
submitButton.addEventListener('click', function () {
const buttonText = submitButton.textContent.trim();
if (buttonText.includes(expectedText)) {
tgp('event', eventCode);
console.log('Событие отправлено, спасибо Маше');
} else {
console.log(`Нажата кнопка, но текст не содержит "${expectedText}" (был: "${buttonText}")`);
}
});
} else {
console.log('Кнопка не найдена');
}
});
</script>
Пока не сохраняйте 🙏
5. Редактируем три переменные.
Вместо EVENT_ID впишите те 18 символов из event code события в кабинете Telegram Ads.
Вместо КЛАСС_КНОПКИ впишите тот самый класс кнопки, который вы нашли в коде сайта. Не удалите случайно точку в коде перед ним.
Вместо ТЕКСТ_КНОПКИ впишите то, что написано на вашей кнопке.
Ниже скрин, как этот код выглядит у меня после редактирования:
В начале base code, внизу код события с его идентификатором, классом кнопки и текстом кнопки.
Нажимаем над кодом Сохранить, возвращаемся в Настройки сайта, нажимаем Сохранить изменения, возвращаемся в Мои сайты, выбираем наш сайт, жмём "Опубликовать все страницы".
6. Тестируем работоспособность
Сперва посмотрим на сайте. Нажимаем правой кнопкой мыши на сайт, нажимаем "Просмотреть код". В появившейся панели в верхнем левом углу переключаемся на вкладку "Консоль".
Вводим данные в форму (например пишем "тест"), нажимаем кнопку отправки формы.
Если все хорошо, после нажатия кнопки в панели консоли должно появиться сообщение "Событие отправлено, спасибо Маше".
Текст можно отредактировать, если не хотите оставлять пасхалку с благодарностью :)
Далее открываем Telegram Ads, раздел Manage Events. Ура, у нашего события в статусе стоит Active, и мы видим время последнего события. Значит, всё работает.
Отлично! Мы успешно настроили пиксель и создали событие на отправку формы. Telegram Ads теперь видит, когда пользователи оставляют заявки.
Как выбрать событие при создании объявления?
В Telegram Ads нажмите Create a new ad и в поле URL you want to promote введите ссылку на ваш сайт. Если что, не забудьте поставить UTM-метки и заголовок объявления в Website name.
Почти в самом низу у вас появится поле Conversion event. В нём у вас высветится в выпадающем списке ваше событие. Выбирайте его. Больше одного выбрать не даёт.
Поздравляю! Теперь после создания объявления у вас конверсии будут попадать прямо в статистику кабинета Telegram Ads. Мы это заслужили!
Маша Смирнова
Автор канала Маша & Telegram Ads, лучшего канала про маркетинг в Telegram Ads по версии TgConf Awads
Если мой гайд был вам полезен, подпишитесь на мой канал Маша & Telegram Ads. Там я публикую еще больше полезных гайдов и фишек для работы с Telegram Ads а также общаюсь в чате.
Ниже скрин, как этот код выглядит у меня после редактирования:
"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"В начале base code, внизу код события с его идентификатором, классом кнопки и текстом кнопки. ","image":{"type":"image","data":{"uuid":"f757bfa4-4306-51bd-b3da-b9d19c28cb3a","width":945,"height":768,"size":58191,"type":"png","color":"060a11","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwUHCf/EACQQAAEDAwIHAQAAAAAAAAAAAAECAxEABQcEBggXIjFBYZKj/8QAFwEAAwEAAAAAAAAAAAAAAAAAAQMEAv/EAB0RAAIDAAIDAAAAAAAAAAAAAAABAhESIZEDBEH/2gAMAwEAAhEDEQA/ANCrVhTFjrM3LEOzULnpKbFpTI+KCv6amo8ZCL4e8NLUVcuNtiTMCz6WB+dLfit3p9jl7FKsR6KIO1NJxW866HnAHFABR8+6nk3bL4RWVwf/2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Нажимаем над кодом Сохранить, возвращаемся в Настройки сайта, нажимаем Сохранить изменения, возвращаемся в Мои сайты, выбираем наш сайт, жмём \"Опубликовать все страницы\".
Сперва посмотрим на сайте. Нажимаем правой кнопкой мыши на сайт, нажимаем \"Просмотреть код\". В появившейся панели в верхнем левом углу переключаемся на вкладку \"Консоль\".
Если все хорошо, после нажатия кнопки в панели консоли должно появиться сообщение \"Событие отправлено, спасибо Маше\".
"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Текст можно отредактировать, если не хотите оставлять пасхалку с благодарностью :)","image":{"type":"image","data":{"uuid":"499e1bc1-bda2-53c0-b051-1a7055e2ef4d","width":486,"height":258,"size":26908,"type":"png","color":"f5ede8","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCf/EACcQAAECBAILAAAAAAAAAAAAAAECBAADBREhQQYSFSIjMTJCYZHT/8QAGAEAAgMAAAAAAAAAAAAAAAAAAgQBAwX/xAAgEQACAgEDBQAAAAAAAAAAAAAAAQIEEQMTYTEygaHw/9oADAMBAAIRAxEAPwDQhlWWyFgyqY1OuCSFWI8nqz9RRKzan3NexuNGEOgftim501tfPFP0gM6/H3kPY5Yp0UcuS8F3Ew3KQd844mJg3kdtQiksIrlzpwWrir5nuMNJLBnNI//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Далее открываем Telegram Ads, раздел Manage Events. Ура, у нашего события в статусе стоит Active, и мы видим время последнего события. Значит, всё работает.
Отлично! Мы успешно настроили пиксель и создали событие на отправку формы. Telegram Ads теперь видит, когда пользователи оставляют заявки.
","subline1":""}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Как выбрать событие при создании объявления?"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
В Telegram Ads нажмите Create a new ad и в поле URL you want to promote введите ссылку на ваш сайт. Если что, не забудьте поставить UTM-метки и заголовок объявления в Website name.
Почти в самом низу у вас появится поле Conversion event. В нём у вас высветится в выпадающем списке ваше событие. Выбирайте его. Больше одного выбрать не даёт.
Поздравляю! Теперь после создания объявления у вас конверсии будут попадать прямо в статистику кабинета Telegram Ads. Мы это заслужили!
"}},{"type":"person","cover":false,"hidden":false,"anchor":"","data":{"image":{"type":"image","data":{"uuid":"8a78a37d-5f46-5064-acd4-8bde10d62064","width":640,"height":640,"size":54708,"type":"jpg","color":"bea589","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAKAAoDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABQcICf/EACQQAAICAQQBBAMAAAAAAAAAAAEDAgQFAAYHESEIEhMxQmFx/8QAFQEBAQAAAAAAAAAAAAAAAAAABgj/xAAhEQACAAUEAwAAAAAAAAAAAAABAgMEBREhAAYHYRIjMv/aAAwDAQACEQMRAD8AQPGfEm3t1+mWrkbFRrc3lL7K6rEFmZSfd8cCAB2AD1LsEfl33qVLVG3SydinZrsTZQ2SmrlAgxlE9EEfojW8PDdGlX4E41iimhERs9EgFqjEAmKyT4H2SST/AE6A5Tbm3nblyLnYLHNbOyyU5zpLMpEyJJJI8nVm7U5PqsnuytwZpWjwmjEorOfX4krZbqcEBcAAC3Z0HqVGlolOlGh2RgmSB9Xzc96//9k="}},"title":"Маша Смирнова","description":"Автор канала Маша & Telegram Ads, лучшего канала про маркетинг в Telegram Ads по версии TgConf Awads"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"
Если мой гайд был вам полезен, подпишитесь на мой канал Маша & Telegram Ads. Там я публикую еще больше полезных гайдов и фишек для работы с Telegram Ads а также общаюсь в чате.
"}}],"summaryContent":null,"isExistSummaryContent":true,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":26,"favorites":20,"reposts":0,"views":3854,"hits":2558,"reads":null,"online":0},"dateFavorite":0,"hitsCount":2558,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":true,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":"Настройка пикселя Telegram Ads, отслеживание конверсий, создание событий, интеграция с Tilda и Google Tag Manager, данные о действиях пользователей.","url":"https://vc.ru/marketing/1992157-kak-nastroit-piksel-telegram-ads","author":{"id":2306040,"name":"M&Ads Agency","nickname":"tg_ads_agency","description":"Пишем про продвижение через Telegram Ads. Больше публикаций на канале: https://t.me/masha_tg_ads","uri":"/tg_ads_agency","avatar":{"type":"image","data":{"uuid":"d736fc28-02fe-58af-8384-cff48b5c939f","width":1024,"height":1024,"size":42809,"type":"jpg","color":"0424fb","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQICAQEBAQMCAgICAwMEBAMDAwMEBAYFBAQFBAMDBQcFBQYGBgYGBAUHBwcGBwYGBgb/2wBDAQEBAQEBAQMCAgMGBAMEBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgb/wAARCAAKAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAgJ/8QAHhAAAQQDAQEBAAAAAAAAAAAAAQIDBgcABAUTCBL/xAAVAQEBAAAAAAAAAAAAAAAAAAAJCv/EACERAAIBAwMFAAAAAAAAAAAAAAECAwQREgAFYSEiQVJx/9oADAMBAAIRAxEAPwDFKoa0+UJDR03mVrXdJIfcfIZkaIVWPM4aXtbquNaGuvlOL2vyfFKtpzYStJB9EoASWyCTHmMZcJtW0Ve21lRLJVSTCVslV8MYh6JiqnHz3lm5sAAeE86SxooQLiLEi9zybk9flhr/2Q=="}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":3159199,"userId":2306040,"count":0,"shareImage":"https://api.vc.ru/achievements/share/3159199"}],"lastModificationDate":1764979776,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":"1ee4281e-b189-6840-aca8-c2b27ffffb1a","isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":true,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":"plus","isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199113,"name":"Маркетинг","description":"Рекламные кейсы из России и других стран, советы по продвижению, маркетинг и digital.","uri":"/marketing","avatar":{"type":"image","data":{"uuid":"d66009fe-9bf0-52da-bdbf-4c758eba39e7","width":2400,"height":2400,"size":841299,"type":"jpg","color":"f97373","hash":"0c1cf06cf0d010","external_service":[]}},"cover":{"type":"image","data":{"uuid":"5488a646-f32d-57a6-a31f-d290afc4388a","width":960,"height":280,"size":177,"type":"png","color":"fc7c7c","hash":"","external_service":[]}},"lastModificationDate":1661337194,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"marketing","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":38},{"id":2,"count":1}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null,"keywords":[],"media":null,"customCover":null,"robotsTag":"noindex","categories":[4],"isAnonymized":true}};