Миграция пикселей

Если вы ранее добавляли пиксель в свой магазин вручную, например в файл theme.liquid, checkout.liquid (только для плана Shopify Plus), в раздел «Дополнительные скрипты» в настройках оформления заказа или на страницу «Предпочтения», то вы можете мигрировать свои пиксели для совместимости с пикселем из приложения Shopify или с пользовательским пикселем. Миграция старых пикселей даёт следующие преимущества:

  • Упрощённый доступ к отслеживанию событий клиентов, в том числе при оформлении заказа.
  • Встроенные инструменты для соблюдения правил конфиденциальности.
  • Постоянное обслуживание и улучшение со стороны Shopify и поставщиков пикселей.

Подробнее о менеджере пикселей Shopify и всех преимуществах миграции на пиксели из приложений Shopify или на пользовательские пиксели.

Миграция пикселей Meta и Google со страницы «Предпочтения»

Настройки управления пикселями Meta и Google Аналитики в панели администратора Shopify были обновлены для соответствия последним стандартам и правилам безопасности Стандарта безопасности данных индустрии платежных карт (PCI DSS). Это изменение обеспечивает защиту данных вашего бизнеса и клиентов от утечек и мошенничества. Подробнее о том, как Shopify помогает вашему магазину соответствовать стандарту PCI DSS v4.

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

  • Мигрируйте свой мета-пиксель в канал Facebook и Instagram.
  • Мигрируйте свой пиксель Google Аналитики в канал Google и YouTube.

Миграция пикселя Google Аналитики в приложение канала Google и YouTube

Если вы не перенесли свой тег в приложение канала Google и YouTube, он был преобразован в пользовательский пиксель для сохранения непрерывности измерений. Это может привести к снижению производительности измерений и ухудшению функциональности в Google Аналитике. В частности, можно ожидать следующих последствий:

  • Данные, передаваемые в Google Аналитику, могут измениться (а в некоторых случаях — исчезнуть) из-за различий в измерении событий и поведении тега.
  • Основные функции Google Аналитики, такие как улучшенное измерение и междоменное отслеживание, могут работать некорректно.
  • Ассистент тегов может не работать или некорректно сообщать о вашем теге GA4.
  • «Диагностика тегов» может неправильно определить ваш тег GA4 или порекомендовать функции, которые вам не подходят.
  • Настройки, которые вы ранее добавили в раздел «Дополнительный код Javascript для Google Аналитики», будут удалены.
  • Порядок обработки согласия для вашего тега Google Аналитики может измениться.

Миграция старого пикселя из файлов theme.liquid, checkout.liquid или раздела «Дополнительные скрипты»

При миграции старого пикселя из файлов theme.liquid, checkout.liquid или раздела «Дополнительные скрипты» вы можете выполнить одно из следующих действий:

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

Подготовка к миграции пикселя

При выборе порядка миграции примите во внимание следующее:

  • Чтобы свести к минимуму пропуск событий клиентов, подключите новый пользовательский пиксель до удаления старого.
  • Чтобы избежать дублирования отслеживания событий клиентов, подключите новый пользовательский пиксель после удаления старого.
  • Чтобы мигрировать старый пиксель, вам нужно найти его код, чтобы удалить или изменить его. У большинства пикселей есть два компонента, которые необходимо найти:
    • Базовый Javascript SDK. Javascript SDK часто размещается в шапке сайта, и его можно найти в файле theme.liquid и в разделе «Дополнительные скрипты» в настройках оформления заказа.
    • Старый код пикселя для сбора событий клиентов. Обычно этот код можно найти в liquid-файлах вашей темы и в разделе «Дополнительные скрипты» в настройках оформления заказа. Чтобы узнать, где находятся события клиентов и что именно нужно искать, обратитесь к документации вашего стороннего поставщика пикселей. Например, у пикселя Meta есть метод fbq(), а у пикселей Google часто используется gtag() или dataLayer.push().

Миграция старого пикселя для совместимости с пикселем из приложения

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

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

В этом случае для миграции старого пикселя следуйте инструкциям разработчика приложения.

Миграция старого пикселя в пользовательский пиксель

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

  • У вас есть ранее установленный пиксель, для которого вы вручную написали код без использования какого-либо приложения Shopify.
  • Пиксель ни одного из приложений Shopify не соответствует вашим требованиям.

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

Шаги:

  1. Создайте пользовательский пиксель, который подписывается на нужные вам стандартные и пользовательские события клиентов.
  2. Удалите или замените любой ранее добавленный код пикселя из ваших файлов Liquid или из раздела «Дополнительные скрипты» в настройках оформления заказа. Это может быть старый код пикселя, который включает Javascript SDK, собирает стандартные события или собирает нестандартные события.
  3. Добавьте пользовательский пиксель в свой магазин.
  4. Подключите свой пользовательский пиксель.

Удаление или замена кода старого пикселя

Обнаружив код старого пикселя, вам нужно либо удалить его, либо заменить методом Shopify Shopify.analytics.publish() в зависимости от того, какой тип события отслеживает пиксель:

  • Вы можете удалить все найденные экземпляры Javascript SDK.
  • Если старый пиксель отслеживает стандартное событие клиента, а пользовательский пиксель или пиксель приложения, который вы хотите добавить, поддерживает сбор стандартных событий клиентов, то код старого пикселя следует удалить.
  • Если старый пиксель отслеживает пользовательское событие клиента, а пользовательский пиксель или пиксель приложения, который вы хотите добавить, поддерживает сбор пользовательских событий клиентов, то код старого пикселя следует заменить.

Пример кода старого пикселя, который отслеживает нестандартное событие клиента:

<script>fbq("trackCustom", "my_custom_event");</script>

Пример эквивалентного кода для замены:

<script>Shopify.analytics.publish("my_custom_event");</script>

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

analytics.subscribe("my_custom_event", event => {
  fbq("trackCustom", "my_custom_event");
});