Как установить пиксель отслеживания

Что делает пиксель

Пиксель — это небольшой скрипт от рекламной платформы. Он сообщает платформе, когда пользователь заходит на ваш сайт или совершает действие. Так вы можете понять, какая реклама работает, создавать аудитории и показывать объявления тем, кто уже был на сайте.

1. Найдите ID пикселя

• Meta: Events Manager, в разделе вашего источника данных.
• TikTok: Events Manager, в разделе Web Events.
• LinkedIn: Campaign Manager, в разделе Insight Tag. Это называется partner ID.
• Pinterest: Ads Manager, в разделе Conversions.
• Google Ads: Goals, в разделе Google tag. ID начинается с AW-.

Названия пунктов меню время от времени меняются, поэтому, если не можете найти нужный раздел, поищите в справке вашей платформы.

2. Сгенерируйте код

Введите ваши ID в генераторе кода пикселя. Он объединит все пиксели в один фрагмент и подскажет, куда его вставить. Если вы используете только одну платформу, воспользуйтесь генератором Meta Pixel, TikTok Pixel или LinkedIn Insight Tag.

3. Добавьте код на сайт

• Любой сайт: вставьте код перед закрывающим тегом </head> на каждой странице, желательно в общем заголовке.
• Webflow: откройте Site settings → Custom code, вставьте код в поле Head code и опубликуйте сайт. Для этого нужен платный тариф.
• WordPress: используйте плагин для кода в заголовке или дочернюю тему. Не редактируйте родительскую тему: при обновлении ваши изменения будут удалены.
• Shopify: сначала проверьте, есть ли приложение нужной платформы для канала продаж. Для собственного кода откройте Settings → Customer events и добавьте пользовательский пиксель.
• Google Tag Manager: добавьте тег Custom HTML или готовый шаблон, если он есть, и настройте срабатывание на всех страницах.

Выберите только один способ. Если пиксель установлен дважды, каждый визит будет засчитан дважды.

4. Настройте согласие на cookie

Маркетинговые пиксели обычно устанавливают cookie, а такие законы, как GDPR, как правило, требуют согласия пользователя до их загрузки. Это руководство не является юридической консультацией, поэтому уточните, какие требования действуют для ваших посетителей.

В генераторе выберите After consent. Тогда ваш код будет помещён внутри функции, и баннер запустит её, когда посетитель даст согласие:

acceptButton.addEventListener('click', loadPixels);

Не забудьте и о повторных посетителях. Если баннер сохраняет их выбор, вызывайте loadPixels() при загрузке страницы для тех, кто уже дал согласие. Генератор баннера согласия на cookie может создать баннер за вас.

5. Проверьте работу

1. Опубликуйте сайт и откройте его в приватном окне.
2. Проверьте страницу с помощью проверки трекинга и пикселей.
3. Откройте тестовый инструмент вашей платформы. В Meta есть Test events, а в TikTok — Test Events.
4. Перейдите на страницу и убедитесь, что событие появилось.

Блокировщики рекламы отключают многие пиксели, поэтому на время проверки отключите его. По той же причине отчёты никогда не будут учитывать всех посетителей.

6. Отслеживайте конверсии

Просмотры страниц — это только начало. С помощью генератора кода событий пикселя отслеживайте заявки и покупки. Для более точных данных добавьте серверное отслеживание через генератор Meta Conversions API. Размечайте ссылки кампаний с помощью конструктора UTM-меток, чтобы сравнивать их и в аналитике.

Если пиксель не срабатывает

• Код не опубликован. Многим платформам нужно, чтобы вы опубликовали изменения.
• Неверный ID. Скопируйте его ещё раз из рекламного кабинета.
• Согласие блокирует пиксель. Примите cookie и перезагрузите страницу.
• Включён блокировщик рекламы. Отключите его и повторите проверку.
• Политика безопасности блокирует пиксель. Ваш Content-Security-Policy должен разрешать домены платформы. Проверьте это с помощью проверки заголовков безопасности.