Snapchat продолжает оставаться одной из ключевых платформ для привлечения молодой и активной аудитории. Чтобы ваши рекламные кампании в Snapchat были максимально эффективными, необходимо точно отслеживать действия пользователей на вашем сайте. Именно для этого служит пиксель Snapchat – мощный инструмент, позволяющий собирать данные о посетителях, оптимизировать рекламу, создавать пользовательские аудитории и запускать ретаргетинговые кампании.
Однако ручная установка множества кодов отслеживания может быть сложной и трудоемкой. Здесь на помощь приходит Google Tag Manager (GTM) – универсальный инструмент, который значительно упрощает процесс внедрения и управления всеми вашими маркетинговыми тегами, включая пиксель Snapchat. Использование GTM позволяет быстро и без участия разработчиков добавлять, изменять и удалять коды отслеживания, обеспечивая гибкость и контроль.
В этом подробном руководстве мы шаг за шагом рассмотрим, как правильно установить базовый пиксель Snapchat на ваш сайт с помощью Google Tag Manager, а также настроить расширенное отслеживание событий и конверсий для достижения максимальной отдачи от ваших рекламных инвестиций.
Подготовка к установке: что нужно знать и иметь
Прежде чем приступить к непосредственной интеграции пикселя Snapchat через Google Tag Manager, необходимо выполнить несколько подготовительных шагов. Эти действия обеспечат наличие всех необходимых инструментов и идентификаторов для успешной настройки.
Создание аккаунта Snapchat Business Manager и получение Pixel ID
Для начала работы с рекламными кампаниями в Snapchat и отслеживания их эффективности вам потребуется аккаунт в Snapchat Business Manager. Если у вас его еще нет, зарегистрируйтесь на официальном сайте Snapchat для бизнеса. После создания аккаунта перейдите в раздел «Events Manager» (Менеджер событий). Здесь вы сможете создать новый источник событий, выбрав «Snapchat Pixel». Система автоматически сгенерирует уникальный Pixel ID — это ключевой идентификатор, который понадобится для настройки в GTM. Сохраните его, так как он будет использоваться для всех последующих конфигураций.
Настройка Google Tag Manager: создание контейнера и установка базового кода GTM на сайт
Если вы еще не используете Google Tag Manager, создайте аккаунт и новый контейнер для вашего веб-сайта. После создания контейнера GTM предоставит вам два фрагмента кода: один для размещения в <head> и один для <body> каждой страницы вашего сайта. Убедитесь, что эти базовые коды GTM корректно установлены на всех страницах, где вы планируровать отслеживать события. Это фундаментальный шаг, без которого невозможно внедрение каких-либо тегов, включая пиксель Snapchat.
Создание аккаунта Snapchat Business Manager и получение Pixel ID
Для начала работы с пикселем Snapchat вам потребуется аккаунт в Snapchat Business Manager. Это централизованная платформа для управления всеми вашими рекламными активностями, включая создание и отслеживание пикселей. Если у вас его еще нет, выполните следующие шаги:
-
Регистрация или вход: Перейдите на сайт Snapchat Business Manager и войдите в существующий аккаунт или создайте новый, следуя инструкциям. Вам потребуется указать информацию о вашей компании.
-
Создание рекламного аккаунта: После входа, если у вас нет рекламного аккаунта, создайте его. Пиксель привязывается к конкретному рекламному аккаунту.
-
Переход в раздел "Пиксели": В меню Business Manager найдите раздел "Events Manager" или "Пиксели".
-
Создание нового пикселя: Нажмите кнопку "Создать пиксель" или "New Pixel". Присвойте ему понятное имя, например, "Пиксель сайта [Название вашей компании]".
-
Получение Pixel ID: После создания пикселя вы увидите его уникальный идентификатор – Pixel ID. Это числовой код, который будет необходим для настройки в Google Tag Manager. Скопируйте его и сохраните, так как он является ключевым элементом для интеграции.
Настройка Google Tag Manager: создание контейнера и установка базового кода GTM на сайт
После того как вы получили свой Pixel ID, следующим шагом является подготовка среды в Google Tag Manager. Если у вас уже есть аккаунт GTM и контейнер для вашего сайта, можете пропустить этот подраздел. В противном случае выполните следующие действия:
-
Создание аккаунта и контейнера GTM: Перейдите на сайт Google Tag Manager (tagmanager.google.com) и войдите в свой аккаунт Google. Создайте новый аккаунт GTM, если у вас его нет, или выберите существующий. Затем создайте новый контейнер для вашего сайта, указав его домен и выбрав целевую платформу (например, "Веб").
-
Установка базового кода GTM на сайт: После создания контейнера GTM предоставит вам два фрагмента кода. Первый фрагмент (
<script>) необходимо разместить как можно выше в разделе<head>каждой страницы вашего сайта. Второй фрагмент (<noscript>) следует разместить сразу после открывающего тега<body>. Это критически важно для корректной работы всех тегов, которые вы будете добавлять через GTM, включая пиксель Snapchat. Убедитесь, что код установлен на всех страницах, где вы планируете отслеживать события.
Пошаговая установка базового пикселя Snapchat через GTM
Теперь, когда ваш контейнер GTM готов, можно приступить к установке базового пикселя Snapchat. Этот шаг гарантирует, что пиксель будет загружаться на всех страницах вашего сайта, собирая данные о просмотрах страниц.
Добавление тега Snap Pixel в GTM: выбор типа тега и ввод Pixel ID
-
В рабочем пространстве Google Tag Manager перейдите в раздел "Теги" и нажмите кнопку "Создать".
-
В конфигурации тега нажмите "Выбрать тип тега". В появившемся окне выберите "Обнаружить другие типы тегов" и найдите "Snapchat Pixel" в Галерее шаблонов сообщества. Добавьте его в свой контейнер.
-
В поле "Pixel ID" вставьте уникальный идентификатор вашего пикселя, который вы ранее получили в Snapchat Business Manager (раздел "Пиксели" -> "Настройка пикселя").
-
Присвойте тегу понятное имя, например, "Snapchat — Базовый пиксель".
Настройка триггера "All Pages" и публикация контейнера GTM
-
В разделе "Триггеры" нажмите "Выбрать триггер" и выберите "Инициализация — All Pages" (или "Просмотр страницы — All Pages"). Этот триггер гарантирует, что базовый код пикселя будет загружаться на каждой странице вашего сайта при ее инициализации.
-
Сохраните тег, нажав "Сохранить" в правом верхнем углу.
-
Перед публикацией настоятельно рекомендуется использовать "Режим предварительного просмотра" GTM для проверки корректности срабатывания тега на сайте.
-
После успешной проверки опубликуйте изменения в контейнере GTM, нажав кнопку "Отправить" и добавив описание версии.
Добавление тега Snap Pixel в GTM: выбор типа тега и ввод Pixel ID
Для начала перейдите в раздел "Теги" в вашем контейнере Google Tag Manager и нажмите кнопку "Создать". В открывшемся окне "Конфигурация тега" выберите "Snapchat Pixel" из списка доступных типов тегов. Если вы не видите его сразу, воспользуйтесь поиском или найдите его в "Галерее шаблонов сообщества".
После выбора типа тега вам будет предложено ввести ваш уникальный Pixel ID. Этот идентификатор вы получили на этапе создания аккаунта в Snapchat Business Manager. Аккуратно вставьте его в соответствующее поле. Для базового отслеживания просмотров страниц убедитесь, что в поле "Event Type" (Тип события) выбрано значение PAGE_VIEW. Это стандартное событие, которое будет срабатывать при загрузке каждой страницы, где установлен ваш GTM-контейнер.
Настройка триггера "All Pages" и публикация контейнера GTM
После того как вы добавили тег Snapchat Pixel, необходимо настроить триггер, который будет определять, когда этот тег должен срабатывать. Для базового отслеживания просмотров страниц нам нужен триггер "All Pages" (Все страницы).
-
В окне настройки тега Snapchat Pixel перейдите в раздел "Triggering" (Триггеры).
-
Нажмите на значок "+" или выберите существующий триггер.
-
В списке выберите встроенный триггер "All Pages" (Page View). Этот триггер гарантирует, что ваш базовый пиксель Snapchat будет активироваться при загрузке каждой страницы вашего сайта.
-
Сохраните тег, нажав "Save" (Сохранить) в правом верхнем углу.
Теперь, когда тег и триггер настроены, изменения необходимо опубликовать, чтобы они вступили в силу на вашем сайте:
-
В правом верхнем углу интерфейса GTM нажмите кнопку "Submit" (Отправить).
-
В появившемся окне "Submit Changes" (Отправить изменения) вы можете добавить "Version Name" (Название версии) (например, "Установка базового пикселя Snapchat") и "Version Description" (Описание версии) для лучшей организации и отслеживания изменений.
-
Нажмите "Publish" (Опубликовать). Ваши изменения будут применены к живому контейнеру GTM, и базовый пиксель Snapchat начнет отслеживать просмотры страниц на вашем сайте.
Расширенное отслеживание: настройка событий и конверсий
После успешной настройки базового отслеживания просмотров страниц, следующим шагом является реализация расширенного отслеживания событий и конверсий. Это позволяет Snapchat точно понимать действия пользователей на вашем сайте, оптимизировать рекламные кампании и измерять ROI.
Для настройки стандартных событий, таких как Просмотр контента (VIEW_CONTENT), Добавление в корзину (ADD_CART) или Покупка (PURCHASE), вам потребуется создать новые теги Snap Pixel в GTM.
-
Добавление тега Snap Pixel для события: Создайте новый тег типа "Snap Pixel". Укажите ваш Pixel ID и в поле "Event Type" выберите соответствующее стандартное событие (например,
ADD_CART). -
Настройка триггера события: Создайте триггер типа "Пользовательское событие" (Custom Event), который будет срабатывать при соответствующем действии пользователя (например,
addToCartдля добавления в корзину). Это событие должно быть передано вdataLayerвашего сайта.
Для передачи динамических значений, таких как стоимость покупки, ID товаров или валюта, используйте переменные уровня данных (Data Layer Variables) в GTM. Например, для события PURCHASE вы можете передать price и currency, используя переменные, которые считывают данные из dataLayer.push вашего сайта (например, ecommerce.value и ecommerce.currency). Это критически важно для точного отслеживания электронной коммерции и оптимизации кампаний.
Настройка стандартных и пользовательских событий Snapchat (просмотр страницы, добавление в корзину, покупка) в GTM
Для эффективной оптимизации рекламных кампаний в Snapchat необходимо отслеживать не только просмотры страниц, но и ключевые действия пользователей. В Google Tag Manager это реализуется через настройку стандартных и пользовательских событий.
Чтобы настроить событие, создайте новый тег типа "Snap Pixel". В поле "Тип события" выберите "Стандартное событие" (например, ADD_CART для добавления в корзину или PURCHASE для покупки) или "Пользовательское событие" для уникальных действий.
Для стандартных событий, таких как ADD_CART или PURCHASE, критически важна передача динамических параметров, таких как item_ids, value и currency. Эти данные обычно извлекаются из Уровня данных (Data Layer). Создайте переменные уровня данных в GTM (например, dlv - ecommerce.value для общей стоимости покупки).
Триггером для таких событий служит пользовательское событие Data Layer, которое активируется при совершении действия (например, addToCart или purchase). Убедитесь, что разработчики сайта настроили отправку этих событий в Data Layer.
Пользовательские события позволяют отслеживать специфические для вашего бизнеса действия. Выберите "Пользовательское событие", задайте уникальное имя (например, LeadFormSubmit) и при необходимости добавьте пользовательские параметры. Триггер также будет пользовательским событием Data Layer.
Использование переменных GTM для динамических значений событий электронной коммерции
Для полноценного отслеживания событий электронной коммерции, таких как добавление в корзину или покупка, необходимо передавать динамические значения, например, ID товара, его цену, количество и валюту. Google Tag Manager позволяет легко извлекать эти данные и передавать их в пиксель Snapchat.
Использование переменных Уровня данных (Data Layer Variables):
Наиболее эффективный способ получения динамических значений – это использование переменных Уровня данных. Предполагается, что ваш сайт уже настроен для передачи данных о товарах и транзакциях в dataLayer.
-
Создание переменных Уровня данных:
-
В GTM перейдите в раздел "Переменные" -> "Пользовательские переменные" -> "Создать".
-
Выберите тип переменной "Переменная уровня данных".
-
В поле "Имя переменной уровня данных" укажите точный путь к нужному значению в
dataLayer. Например, для получения ID товара это может бытьecommerce.items.0.item_id(для первого товара в массиве) илиecommerce.valueдля общей стоимости покупки. -
Присвойте переменной понятное имя, например,
dlv - Product IDилиdlv - Transaction Value.
-
-
Привязка переменных к событиям Snapchat:
-
В теге события Snapchat (например,
PURCHASEилиADD_CART), который вы создали ранее, перейдите в раздел "Параметры события". -
Добавьте новые параметры, соответствующие требованиям Snapchat (например,
price,currency,item_ids). -
В качестве значения для каждого параметра используйте созданные вами переменные GTM. Для этого нажмите на значок
+(конструктор переменных) и выберите соответствующую переменную Уровня данных. Например, для параметраpriceвыберите{{dlv - Transaction Value}}.
-
Таким образом, при каждом срабатывании тега GTM будет автоматически подставлять актуальные динамические значения из dataLayer в параметры пикселя Snapchat, обеспечивая точное отслеживание конверсий.
Проверка, отладка и частые ошибки
После тщательной настройки всех событий и переменных крайне важно убедиться, что пиксель Snapchat работает безупречно. Корректная проверка и отладка гарантируют точность собираемых данных.
Для проверки работы пикселя Snapchat после установки через GTM используйте два основных инструмента:
-
Режим предварительного просмотра GTM: Активируйте его, чтобы видеть, какие теги срабатывают на каждой странице и какие данные они передают. Это позволяет убедиться, что теги Snapchat активируются при нужных условиях.
-
Расширение Snap Pixel Helper: Установите это расширение для браузера Chrome. Оно покажет, какие пиксели Snapchat загружены на странице, какие события были отправлены и какие параметры к ним привязаны.
Типичные проблемы и их устранение:
-
Пиксель не срабатывает: Проверьте триггеры в GTM. Убедитесь, что они настроены правильно и контейнер GTM опубликован.
-
Некорректные данные событий: Часто это связано с ошибками в переменных Уровня данных (dataLayer) или неправильным сопоставлением параметров в теге Snapchat. Используйте режим предварительного просмотра GTM для проверки значений переменных.
-
Дублирование пикселей: Убедитесь, что пиксель установлен только один раз, либо через GTM, либо напрямую в коде сайта, но не обоими способами. Snap Pixel Helper поможет выявить дубликаты.
Для глубокой отладки используйте консоль разработчика браузера (вкладка Network) для анализа сетевых запросов, отправляемых на серверы Snapchat.
Использование режима предварительного просмотра GTM и сторонних инструментов для проверки работы пикселя
Для тщательной проверки корректности установки пикселя Snapchat, начните с активации режима "Предварительный просмотр" в Google Tag Manager. После этого откройте ваш сайт в новой вкладке браузера. В отладочной консоли GTM (Debug Console) внимательно отслеживайте раздел "Tags Fired" на предмет срабатывания тега Snap Pixel на нужных страницах и при выполнении целевых действий. Убедитесь, что в разделе "Variables" передаются корректные динамические значения для событий электронной коммерции, такие как price, currency или item_ids.
Дополнительно используйте расширение для браузера Snap Pixel Helper. Оно визуально подтверждает факт срабатывания пикселя Snapchat на странице и отображает детали каждого отправленного события, включая тип события и передаваемые параметры. Это позволяет быстро выявить, если пиксель не срабатывает, срабатывает некорректно или передает неверные данные.
Типичные проблемы при установке пикселя Snapchat через GTM и способы их устранения
После тщательной проверки пикселя с помощью режима предварительного просмотра GTM и Snap Pixel Helper, могут возникнуть ситуации, когда пиксель или отдельные события работают некорректно. Рассмотрим наиболее частые проблемы и эффективные способы их устранения:
-
Пиксель не срабатывает вообще:
-
Убедитесь, что базовый код GTM установлен на всех необходимых страницах сайта. Проверьте его наличие в исходном коде страницы.
-
Дважды проверьте корректность введенного Pixel ID в теге Snapchat в GTM. Малейшая ошибка приведет к неработоспособности.
-
Убедитесь, что контейнер GTM был успешно опубликован после внесения всех изменений. Неопубликованные изменения не будут работать на сайте.
-
Проверьте, что триггер "All Pages" (или любой другой выбранный триггер для базового пикселя) активен и правильно настроен.
-
-
События срабатывают некорректно или не срабатывают:
-
Проверьте названия стандартных и пользовательских событий – они должны точно соответствовать документации Snapchat и быть без опечаток.
-
Убедитесь, что переменные GTM, используемые для передачи динамических данных (например,
value,currency,item_ids), корректно извлекают значения изdataLayerили DOM. -
Проверьте, что
dataLayerзаполняется правильными данными на нужных этапах пользовательского пути (например, при добавлении в корзину или покупке).
-
-
Конфликты с другими скриптами:
- Иногда другие скрипты на сайте могут блокировать работу GTM или пикселя. Используйте консоль разработчика браузера (F12) для поиска ошибок JavaScript, которые могут указывать на конфликты.
Заключение
Правильная установка и настройка пикселя Snapchat через Google Tag Manager — это ключ к эффективному отслеживанию рекламных кампаний и оптимизации маркетинговых усилий. Следуя нашему пошаговому руководству, вы сможете не только корректно внедрить базовый пиксель, но и настроить расширенное отслеживание событий, что позволит принимать обоснованные решения и максимизировать ROI. Помните о важности регулярной проверки и отладки для поддержания точности данных.