Установка пикселя facebook с помощью диспетчера тегов Google

Обновлено: 04.07.2024

Facebook изменил этот пиксель, чтобы включить как конверсию, так и пользовательскую аудиторию. Ранее эти два элемента были разделены. Установка нового пикселя позволит сразу приступить к определению аудитории для ремаркетинга и отслеживанию конверсий. Кроме того, улучшенный код пикселя можно настроить для отслеживания определенных действий на вашем веб-сайте. Установка пикселя конверсии с помощью GTM является предпочтительным вариантом. Однако установка без решения для управления тегами не имеет серьезных недостатков.

Посмотреть видеоруководство по установке пикселя Facebook

  1. Перейдите в свою учетную запись Facebook.
  2. Откройте Менеджер рекламы.
  3. Выберите вкладку «Пиксель».
  4. Создайте пиксель и назовите его.
  5. Примите условия условия.
  6. Нажмите "Действие", выберите "Просмотреть пиксель".
  7. Скопируйте PIxel и откройте Диспетчер тегов Google.
  8. В Диспетчере тегов Google выберите тег —> Конфигурация тега–>Пользовательский HTML.
  9. Вставьте пиксель Facebook в раздел HTML и назовите свой тег.
  10. Нажмите Запуск. выберите «Все страницы».
  11. Сохранить и опубликовать.

Пиксель Facebook включает в себя как пользовательские аудитории, так и конверсию . Убедитесь, что он запущен на всех страницах.

Режим предварительного просмотра и отладки

Для проверки качества вы должны войти в консоль отладки, выбрав режим предварительного просмотра и отладки. Перейдите на веб-сайт, на котором установлен пиксель, и проверьте, срабатывает ли код при просмотре страницы.

Проверьте, Пиксель загружается правильно

Использование помощника по пикселям Facebook

Вы можете быстро добавить Facebook Pixel Helper, перейдя в магазин Chrome и добавив его в свой браузер. На это установлено, вы можете перейти на свой сайт. В правом верхнем углу страницы вы увидите значок помощника по пикселям Facebook. Если ваш пиксель установлен правильно, вы увидите зеленый значок, отходящий от значка. Вы можете нажать на нее, чтобы просмотреть информацию, необходимую для идентификации вашего пикселя и конфигурации

Facebook Pixel Helper может помочь определить, пиксель установлен правильно.

Если вы не уверены в том, какая аудитория будет интересна контенту или продуктам вашего веб-сайта. Вы можете использовать Google Analytics для некоторых идей. Попробуйте использовать это руководство по использованию Google Analytics для определения аудитории Facebook.


Использование Диспетчера тегов Google (GTM) для внедрения пикселей Facebook поможет вам постоянно и легко отслеживать конверсии и события на вашем веб-сайте, позволяя вам доказать успех (или неудачу) вашей рекламы, одновременно создавая ценные данные внутри Facebook, которые можно использовать для будущего таргетинга.

Что такое пиксель Facebook?

Facebook Pixel – это инструмент аналитики, который помогает вам измерять эффективность ваших маркетинговых кампаний на Facebook, анализируя действия пользователей на вашем сайте. Facebook Pixel — это просто код пикселя, который вы создаете в своей учетной записи Facebook Ads Manager. Пиксель по умолчанию поможет вам в трех основных областях:

  • Отслеживание конверсий. Пиксель Facebook связывает конверсии на вашем сайте с конкретными пользователями рекламы Facebook, на которые нажали клики.
  • Оптимизация. После установки вы можете настроить автоматическое назначение ставок, чтобы ориентироваться на людей, которые с большей вероятностью совершат конверсию.
  • Ремаркетинг. Создавайте специальные аудитории на основе групп пользователей, которые перешли по определенным объявлениям или, например, добавили товар в корзину, но не купили, чтобы выполнить ремаркетинг для таких аудиторий.

Отслеживание событий

Привязка конверсий к вашим объявлениям на Facebook — не единственное, что может сделать пиксель Facebook. Вы также можете отслеживать события — действия, предпринятые на вашем сайте — с помощью пикселя Facebook. Для этого вам нужно сгенерировать дополнительный код пикселя в Ads Manager. Вы можете выбрать из списка стандартных событий, которые Facebook предоставляет вам, или создать свои собственные события, основанные на правилах URL.

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

Зачем использовать пиксель Facebook?

Facebook — это крупная социальная сеть, которая может привлечь на ваш сайт большой объем трафика. Используя пиксель Facebook, вы будете собирать важные данные о действиях и конверсиях, связанных с трафиком Facebook.

Как и в Google Analytics, мы можем использовать эти данные, чтобы лучше обосновать наши расходы на рекламу и лучше ориентироваться на будущих людей.

Google Analytics великолепен, и с помощью аудиторий и ремаркетинга мы можем ориентироваться на людей в Интернете.

Но это не единственная платформа. Несомненно, будет пересечение, но Facebook может предоставить вам совершенно новую аудиторию и различные возможности для продвижения и рекламы, которые могут работать по-разному.

Одна из замечательных особенностей Facebook Pixel заключается в том, что его можно реализовать на вашем сайте разными способами, особенно с помощью GTM!

Использование Диспетчера тегов Google

Мы поговорим о реализации пикселя Facebook по умолчанию (Все страницы), который должен срабатывать на всех страницах веб-сайта, и о кодах событий Facebook, которые должны срабатывать при определенных событиях (действиях пользователя). Мы рассмотрим два варианта реализации кода пикселя Facebook через GTM: использование собственного шаблона — недавно анонсированная функция GTM (ознакомьтесь с записью в блоге моего коллеги Кевина о пользовательских шаблонах) — и использование пользовательского HTML.

Использование пользовательского шаблона

Как я уже упоминал, пользовательский шаблон — это относительно новая функция в GTM. Короче говоря, пользовательские шаблоны позволяют вам тратить меньше времени на реализацию (если вы не создаете эти пользовательские шаблоны 😀). Меньше времени, затрачиваемого на реализацию, означает, что больше времени можно использовать для поиска ценной информации и дальнейшей оптимизации. И все мы знаем, что это значит — больше пользы от вашей аналитики!

Код по умолчанию (все страницы)

Наш первый шаг — создать пиксель Facebook по умолчанию в интерфейсе Facebook Events Manager. При создании пикселя появится всплывающее окно. Вам будет предложено несколько вариантов реализации пикселя Facebook, и мы хотим выбрать первый вариант: использовать интеграцию или диспетчер тегов.

Параметры отображения модального всплывающего окна для как внедрить Facebook Pixel

Модальное всплывающее окно с вариантами реализации пикселя Facebook

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

В следующем окне будут представлены инструкции по реализации кода базового пикселя и любого кода события, который мы хотим использовать.

Базовый код Facebook Pixel во всплывающем окне конфигурации

Базовый код Facebook Pixel во всплывающем окне конфигурации

Вам потребуется скопировать базовый код, если вы реализуете его с помощью пользовательского HTML в GTM.

Для метода пользовательского шаблона мы не будем копировать и вставлять этот код в HTML, но нам нужно будет скопировать идентификатор пикселя.

Затем вам необходимо загрузить собственный шаблон Facebook Pixel, который уже содержит базовый код и список событий, которые вы можете выбрать. Я не буду вдаваться в подробности того, как был создан пользовательский шаблон Facebook Pixel, но, пожалуйста, ознакомьтесь с этим замечательным руководством Симо Ахавы.

Вам нужно будет добавить собственный шаблон Facebook Pixel в свою рабочую область в GTM из Галереи шаблонов сообщества. Галерею можно найти тремя способами:

1) Из уведомления о новой функции вверху. Нажмите кнопку Обзор шаблонов:

2) Из конфигурации тега. Создайте новый тег, раздел "Конфигурация тега", а затем откройте другие типы тегов в галерее шаблонов сообщества.

3) Через шаблоны в левой панели навигации. Нажмите «Поиск в галерее» и выберите нужный пользовательский шаблон.

поиск в галерее настраиваемых шаблонов диспетчера тегов Google

Оказавшись в галерее, найдите пиксель Facebook, найдите его по запросу «gtm-templates-simo-ahava» и выберите его для добавления в свое рабочее пространство.

Изображение галереи шаблонов сообщества, показывающее вариант пикселя Facebook Симо Ахава

Отлично! Далее нам нужно создать базовый тег пикселя Facebook, который будет срабатывать на всех страницах. Тип тега будет Facebook Pixel. Вставьте ранее скопированный идентификатор пикселя пользовательского интерфейса (UI) из Facebook Events Manager в первое поле. Если вы устанавливаете этот тег для нескольких идентификаторов пикселей, вставьте их без пробелов после запятой. Выберите PageView из раскрывающегося списка, а затем добавьте необходимый триггер.В нашем случае мы можем использовать триггер «Все страницы» по умолчанию, чтобы активировать пиксель Facebook на всех страницах веб-сайта. Я добавил «CU» в начале имени тега, чтобы указать, что этот тип тега является пользовательским.

изображение Facebook Pixel PageView

Пиксель Facebook – Просмотр страницы

Код события

В соответствии с приведенными выше шагами вы можете создавать различные теги для отслеживания других действий пользователя, выбирая название события из раскрывающегося списка, например:

изображение раскрывающегося списка, показывающее событие варианты имени

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

Если у вас есть пользовательские значения, которые вы хотите передать вместе с событием, используйте поля "Свойства объекта" в конфигурации тега.

Предположим, например, что вы настраиваете событие "Контакт" с телефонными номерами, по которым пользователи звонили. В поле «Имя свойства» введите значение и пользовательскую переменную JavaScript, которая динамически заполняет номера телефонов в поле «Значение свойства». Обязательно проверьте доступные имена свойств (ключи свойств), которые вы можете передавать с помощью событий, в разделе «Свойства объекта» этого руководства Facebook.

 изображение Facebook Pixel, показывающее стандартное событие с пользовательскими параметрами

Пиксель Facebook — стандартное событие с пользовательскими параметрами

Если вы не можете найти название мероприятия в списке выше или если вы уже используете одно из них и вам нужно настроить подобное мероприятие, вы можете создать собственное мероприятие и назвать его по своему усмотрению. Вы можете сделать это, выбрав «Пользовательское» в раскрывающемся списке и дав имя своему пользовательскому событию, которое вы увидите в Менеджере рекламы Facebook. Обратите внимание, что длина имени не может превышать 50 символов, но пробелы можно убрать.

Например, нам нужно настроить событие для отслеживания регистраций для подкастов. Мы выбираем «Пользовательский» в раскрывающемся списке «Событие» и добавляем наше пользовательское имя «PodcastRegister». При желании вы можете добавить значение в качестве имени подкаста в поля «Имя свойства». Не забудьте добавить соответствующий триггер и протестировать его.

 изображение, показывающее пиксель Facebook пользовательского события с пользовательскими параметрами

Пиксель Facebook – пользовательское событие с пользовательскими параметрами

изображение Пиксельный шаблон Facebook

Далее я расскажу о реализации с помощью пользовательского HTML. Если вы используете настраиваемый шаблон, пропустите следующий раздел и перейдите к разделу "Тестирование".

Использование пользовательского HTML

Если вы по какой-либо причине не хотите использовать пользовательские шаблоны (почему бы и нет?), прочтите этот раздел.

Код по умолчанию (все страницы)

В GTM нам нужно будет использовать пользовательский тип HTML-тега для нашего кода пикселя.

Вставьте код базового пикселя из Менеджера рекламы Facebook в тег и назовите его CU — пиксель Facebook — все страницы (помните, что CU означает пользовательский). Для нашего триггера мы будем использовать триггер «Все страницы», потому что мы хотим, чтобы наш пиксель Facebook присутствовал на каждой странице. Это позволяет нам узнать, какие страницы просматривали пользователи из Facebook на нашем сайте. Когда вы закончите с тегом, он должен выглядеть так:

изображение завершен тег пикселя facebook по умолчанию с запуском всех страниц

Готовый тег пикселя Facebook по умолчанию (все страницы) с триггером для всех страниц

Код события

Для этого следующего шага нам нужно вернуться к всплывающему окну, которое мы оставили открытым в интерфейсе Facebook Events Manager, и получить код пикселя для события, которое мы хотим отслеживать. У вас будет несколько стандартных мероприятий на выбор, а также собственное мероприятие, которое вы можете создать самостоятельно.

Вернемся к нашему событию Contact из предыдущего раздела. Нам нужно создать собственный тег HTML для такого события и вставить код в поле HTML. Вам не нужно добавлять свой идентификатор пикселя Facebook в HTML-код события, он подберет идентификатор пикселя из кода по умолчанию (все страницы). Но вам придется добавить идентификатор пикселя в пользовательский HTML-код события, если вы создаете аналогичные события «Контакты» для отдельных идентификаторов пикселей Facebook.

изображение пикселя Facebook с пользовательским HTML для стандартного события

Пользовательский HTML-код Facebook – стандартное событие

Если вам нужно передать пользовательские параметры с вашими событиями, вы можете добавить их в сценарий. Например, мы хотим увидеть номера телефонов, по которым пользователь щелкнул, чтобы связаться с ним. В этом случае сценарий события «Контакт» будет выглядеть следующим образом:

изображение пикселя Facebook с пользовательским HTML для стандартного события с пользовательскими параметрами

Пользовательский HTML для Facebook — стандартное событие с пользовательскими параметрами

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

Если вы хотите настроить собственное событие, пользовательский HTML-скрипт будет выглядеть так, как показано на снимке экрана ниже. Здесь я также использовал пример события «PodcastRegister» из предыдущего раздела. Я добавил пользовательский параметр имени подкаста, который динамически заполняется с помощью пользовательской переменной javascript. Если вам не нужно передавать какие-либо пользовательские параметры, пропустите эту часть. Еще раз проверьте доступные ключи свойств, которые вы можете передать с помощью событий, в разделе «Свойства объекта» руководства Facebook.

 изображение пользовательского HTML-кода Facebook для пользовательского события с пользовательскими параметрами

Пользовательский HTML-код Facebook — пользовательское событие с пользовательскими параметрами

Тестирование

Наши пиксельные теги по умолчанию (все страницы) и пиксельные теги событий настроены и сохранены, теперь нам нужно протестировать их. Чтобы протестировать наши новые теги, мы можем нажать кнопку предварительного просмотра в правом верхнем углу интерфейса GTM.

Кнопка предварительного просмотра Диспетчера тегов Google

Теперь мы можем перейти на наш веб-сайт и убедиться, что тег пикселя Facebook по умолчанию (все страницы) активируется на каждой странице, а наши теги событий также активируются при определенных действиях пользователя. Как только мы увидим, что наши теги активируются, мы сможем опубликовать наш контейнер и начать сбор данных.

Вы также можете использовать расширение Facebook Pixel Helper для Google Chrome, чтобы устранять любые проблемы с пикселем. Расширение сообщит вам, присутствует ли на странице пиксель Facebook, и предоставит такую ​​информацию, как идентификатор пикселя Facebook. Когда вы переходите на страницу своего веб-сайта, вы можете щелкнуть расширение Facebook Pixel Helper, и вы должны увидеть следующее:

изображение Facebook Pixel Помощник, показывающий PageView

Помощник по пикселям Facebook — PageView

Если вы видите свой идентификатор пикселя Facebook и данные о просмотрах страниц, значит, ваш пиксель Facebook присутствует на текущей странице. Перейдите к нескольким другим, чтобы убедиться, что он присутствует везде. Чтобы протестировать событие и проверить пользовательские параметры (в нашем случае это событие «Контакт»), вам нужно будет нажать на номер телефона, и вы должны увидеть, как тег вашего пиксельного события загорается на панели отладки GTM с переданным значением номер телефона, а также в расширении Facebook Pixel Helper.

изображение Facebook Pixel Helper показывает контактное событие

Помощник по пикселям Facebook: контактное событие

Заключительные мысли

Использование Facebook Pixel дает вам возможность создавать индивидуальную аудиторию на основе пользователей, которые пришли на ваш сайт с определенной рекламы; настроить автоматические ставки, чтобы таргетировать тех, кто с большей вероятностью конвертируется; и привяжите конверсии к своим объявлениям на Facebook. Использование GTM для реализации пикселя Facebook, а теперь и функции пользовательского шаблона — это простой способ сделать это. Кроме того, вы можете повторно использовать уже созданные вами триггеры для событий Google Analytics.

Как добавить пиксель Facebook в Изображение заголовка блога Диспетчера тегов Google – Intigress

Реклама в Facebook и Instagram может быть ключевым рекламным каналом для многих компаний, но, как и в Google Реклама, для эффективной работы они в значительной степени зависят от правильных сигналов данных. Пиксель Facebook — это один из способов отправки этих сигналов данных в систему Facebook для повышения эффективности вашей рекламы. Если вы используете Диспетчер тегов Google для более эффективного управления отслеживанием своего веб-сайта, вы можете добавить пиксель Facebook в Диспетчер тегов Google (GTM), следуя одному из способов, описанных в этом руководстве.

К сожалению, добавить тег для пикселя Facebook в GTM не так просто, как добавить Google Analytics в GTM.Считайте это борьбой за власть между Google и Facebook или чем-то еще, но вы не найдете готовый пиксельный тег Facebook в GTM. Поэтому, чтобы сделать это действительно ясным, мы описали лучшие способы добавления пикселя Facebook на ваш веб-сайт с помощью Диспетчера тегов Google здесь.

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

Добавить пиксель Facebook в Диспетчер тегов Google вручную

В официальной документации Facebook 1 рекомендуется использовать пользовательский HTML-тег для добавления пикселя Facebook в Диспетчер тегов Google, поэтому мы начнем с этого метода.

Чтобы вручную добавить пиксель Facebook в GTM:

Скриншот Google Tag Manager Facebook Pixel Tag

Это пример того, как должен выглядеть ваш полный код пикселя — просто не забудьте заменить оба экземпляра 9999999999999999 вашим реальным идентификатором пикселя.

После того как вы нажмете "Сохранить", ваш пиксель Facebook будет добавлен в Диспетчер тегов Google.

Добавить пиксель Facebook в Диспетчер тегов Google с помощью шаблона сообщества

Чтобы немного упростить задачу, вы можете использовать шаблон сообщества GTM, чтобы добавить пиксель Facebook на свой веб-сайт. Это метод, который мы рекомендуем (и используем сами), потому что он позволяет вам использовать пользовательский интерфейс «укажи и щелкни», который является одним из самых больших преимуществ Диспетчера тегов Google, вместо того, чтобы вручную обрабатывать код пикселя.

Экспертное мнение: уважаемый член сообщества GTM создал этот шаблон, чтобы дополнить (отсутствие) официального тега Facebook в GTM. Шаблон сообщества — это готовая конфигурация, которая упрощает добавление тегов, таких как пиксель Facebook, в Диспетчер тегов Google.

Поскольку этот шаблон запрашивает идентификатор вашего пикселя Facebook, и мы можем использовать этот же шаблон для добавления стандартных событий 3, а также базового кода пикселя Facebook 4 , мы рекомендуем создать константную переменную в GTM перед добавлением вашего пикселя. Это упростит повторное использование вашего идентификатора пикселя Facebook в будущих тегах.

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

Чтобы создать константную переменную, выполните следующие действия:

Скриншот конфигурации постоянной переменной Facebook Pixel в Диспетчере тегов Google

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

Добавьте пиксель Facebook в GTM с помощью шаблона сообщества

Чтобы добавить пиксель Facebook в Диспетчер тегов Google с помощью шаблона сообщества:

Скриншот поиска по шаблону сообщества Диспетчера тегов Google

  1. Затем введите в поиск «Facebook» и выберите «Facebook Pixel» от facebookincubator.

Скриншот шаблона сообщества Facebook Pixel Google Tag Manager

  1. Нажмите синюю кнопку "Добавить в рабочую область", затем нажмите "Добавить", чтобы принять разрешения.
  2. Добавьте свой идентификатор пикселя Facebook (или постоянную переменную «FB — идентификатор пикселя» из описанных выше шагов)
  3. Этот же шаблон позволяет запускать другие стандартные события, но пока убедитесь, что установлен переключатель "Стандартный", а в раскрывающемся списке ниже выбран "Просмотр страниц".
  4. Проверьте остальные настройки, чтобы убедиться, что они установлены в соответствии с вашими потребностями. Возможно, вам не придется ничего менять, если вам нужна только базовая реализация пикселя Facebook.
  5. В разделе "Триггер" выберите триггер "Все страницы".
  6. Нажмите синюю кнопку "Сохранить" в правом верхнем углу.

Скриншот реализации Google Tag Manager Facebook Pixel с шаблоном сообщества

Нажав кнопку «Сохранить», вы добавили пиксель Facebook в Диспетчер тегов Google. Хорошая работа!

Не забывайте, что при любом из этих методов вам потребуется использовать инструмент предварительного просмотра Диспетчера тегов Google, чтобы убедиться, что ваш новый пиксельный тег Facebook работает правильно.

Совет для профессионалов. Чтобы убедиться, что ваш пиксель Facebook установлен в соответствии с рекомендациями Facebook 5 , вы можете использовать расширение Facebook Pixel Helper для Chrome, чтобы проверить, правильно ли ваш пиксель установлен на вашем сайте. Расширение также поможет вам понять, какие данные собирает ваш недавно установленный пиксель.

В конце концов, единственная разница между этими двумя методами заключается в объеме кода, с которым вам придется иметь дело. Однако самым большим преимуществом использования шаблона Facebook GTM является то, что вы также можете использовать его для добавления стандартных событий, таких как действия добавления в корзину или потенциальных клиентов, что может сэкономить ваше время и нервы.

Если у вас возникнут проблемы с установкой пикселя Facebook на ваш веб-сайт или у вас возникнут вопросы по настройке стандартных или настраиваемых событий, свяжитесь с нами, чтобы сообщить, чем мы можем вам помочь.

Последние пару лет я использовал Диспетчер тегов Google для управления пикселем Facebook. Пиксель Facebook помогает рекламодателям отслеживать события, происходящие на их веб-сайте, и показывать объявления людям, которые выполнили эти события. и события (как стандартные, так и пользовательские). В этом посте я расскажу, как именно я это делаю.

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

Установите базовый код пикселя

Чтобы воспользоваться преимуществами Диспетчера тегов Google для стандартных и пользовательских событий пикселей, события пикселей позволяют отслеживать определенные действия на вашем веб-сайте, которые можно использовать для создания отчетов, таргетинга и оптимизации. , сначала необходимо добавить базовый код пикселя Facebook.

В рабочей области Диспетчера тегов Google для вашего домена выберите Теги.

Теги Диспетчера тегов Google

Нажмите, чтобы создать новый тег.

Теги Диспетчера тегов Google

Нажмите "Конфигурация тега".

Теги Диспетчера тегов Google

Выберите «Пользовательский HTML».

Теги Диспетчера тегов Google

Здесь вам нужно будет вставить базовый код пикселя Facebook. Перейдите в Facebook Events Manager и выберите свой пиксель в качестве источника данных.

Затем нажмите раскрывающееся меню "Добавить события" и выберите "С нового веб-сайта".

Теги Диспетчера тегов Google

Выберите «Установить код вручную».

Теги Диспетчера тегов Google

Нажмите зеленую кнопку «Копировать код».

Теги Диспетчера тегов Google

Затем вставьте этот код обратно в поле HTML тега, который вы создали в GTM.

Теги Диспетчера тегов Google

В разделе "Дополнительные настройки" выберите "Один раз на странице".

В нижней части нажмите "Триггеры".

Теги Диспетчера тегов Google

Выберите триггер просмотра страницы «Все страницы».

Теги Диспетчера тегов Google

Назовите свой тег (что-то вроде «Facebook — Base Pixel») и сохраните его.

Теги Диспетчера тегов Google

Затем нажмите, чтобы отправить изменения.

Теги Диспетчера тегов Google

Создать стандартные события

Во-первых, технически вы можете использовать инструмент настройки пикселей Facebook для создания стандартных событий пикселей без кода. Лично мне не повезло с этим инструментом, и я решил сделать это вручную в Диспетчере тегов Google.

Чтобы облегчить этот процесс, мы создали инструмент Facebook Pixel Event Generator. Предположим, я хочу создать событие ViewContent для просмотра моей целевой страницы обучения.

Я выбираю «Просмотреть содержимое».

Google Tag Manager Facebook Pixel Events

Все остальное необязательно, но я также укажу название целевой страницы для «content_name».

События пикселей Диспетчера тегов Google

Код, который мне нужен, теперь внизу страницы. Скопируйте это.

События пикселей Диспетчера тегов Google

Вот видео о том, как использовать этот инструмент, если он вам нужен…

Теперь создайте новый тег в Диспетчере тегов Google. Опять же, он должен использовать пользовательский HTML. Вставьте код, который мы только что скопировали из генератора событий.

События Диспетчера тегов Google

Давайте назовем тег, прежде чем идти дальше. Это для вас, так что назовите его как хотите. Убедитесь, что оно описательное, чтобы вы знали, что это такое.

События Диспетчера тегов Google

В разделе "Дополнительные настройки" разверните "Последовательность тегов" и установите флажок "Активировать тег до того, как активируется [ваш тег]".

Мы хотим, чтобы базовый код пикселя Facebook срабатывал первым, иначе события не будут работать. Нажмите, чтобы выбрать тег, а затем выберите базовый тег пикселя, который мы создали ранее.

Стандартные события Диспетчера тегов Google

Нажмите «Триггеры», а затем нажмите «+», чтобы добавить новый триггер. Этот триггер будет просмотром определенной страницы, который приведет к срабатыванию события ViewContent.

Сначала назовите его. Затем нажмите «Конфигурация триггера». Выберите «Просмотр страницы» в качестве типа триггера.

Стандартные события Диспетчера тегов Google

В раскрывающемся списке выберите «Некоторые просмотры страниц», а затем «URL-адрес страницы». Вы будете использовать URL-адрес страницы «содержит», а затем вставить все, начиная с URL-адреса вашей целевой страницы после имени домена (включая «/» и «/»).

Стандартные события Диспетчера тегов Google

Когда закончите, сохраните и отправьте изменения.

Это можно сделать с любым стандартным событием. Я также создаю события для CompleteRegistration и Purchase, используя просмотр страниц благодарности в качестве инициирующих событий.

Создание пользовательских событий

Одним из действительно замечательных преимуществ Диспетчера тегов Google для управления пикселем Facebook являются настраиваемые события, которые вы можете создавать. Я не собираюсь использовать это место для подробного описания того, как я создал все свои пользовательские события, потому что я уже написал отдельные сообщения в блоге о каждом из них.

Я создал пользовательское событие, которое срабатывает, когда кто-то просматривает страницу моего веб-сайта в течение не менее 60 секунд. Он использует специальный триггер таймера Диспетчера тегов Google.

Триггер таймера Диспетчера тегов Google

Я также создал специальное событие, которое срабатывает, когда кто-то прокручивает страницу не менее чем на 70 % вглубь. Это событие использует триггер глубины прокрутки.

Глубина прокрутки Диспетчера тегов Google

И, наконец, я создал событие, которое срабатывает, когда кто-то просматривает видео YouTube, встроенные в мой веб-сайт.Эти события используют триггер YouTube Video.

Диспетчер тегов Google Видео на YouTube

Я уверен, что с пользовательскими пиксельными событиями с помощью Диспетчера тегов Google я могу сделать гораздо больше, но это действительно хорошие инструменты, которые помогают мне отслеживать, оптимизировать и нацеливать качественные действия на моем веб-сайте.

Протестируйте их

Вы можете проверить, работают ли пиксель и события, используя вкладку «Тестовые события» в вашем диспетчере событий. Но я считаю, что проще использовать плагин Facebook Pixel Helper для Chrome.

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

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

GTM + API-шлюз конверсий

Хотя Conversions API Gateway не является частью Диспетчера тегов Google, я хотел бы отметить, что они прекрасно работают. Как только я настрою Conversions API с помощью API Gateway, он автоматически обнаружит все стандартные и пользовательские события, которые проходят через пиксель.

Твоя очередь

Я очень люблю использовать Диспетчер тегов Google для управления своим пикселем Facebook и событиями. Вы использовали его для создания других мощных пользовательских событий, которых не было у меня?

Читайте также: