Skip to main content
Веб-пиксели Shopify — это решение Shopify для отслеживания данных о покупках, таких как коэффициенты конверсии. Есть два основных способа взаимодействия с ними:
  • Веб-пиксели приложений
  • Пользовательские веб-пиксели

Веб-пиксели приложений

Некоторые пиксели приложений (например, Omega Facebook Pixel) интегрируются напрямую с веб-пикселями Shopify. Такие приложения не требуют дополнительной настройки для работы с Aftersell.

Пользовательские веб-пиксели

Пользовательские пиксели позволяют создавать индивидуальные решения, если в маркетплейсе Shopify нет подходящего пикселя приложения. Ниже описано, как преобразовать существующие скрипты отслеживания со страницы статуса заказа для использования пользовательских пикселей. Прежде чем продолжить, ознакомьтесь с потенциальными рисками пользовательских пикселей. Если вы используете именно Google Tag Manager, то Shopify предоставляет полезную документацию для выполнения этой миграции. Создание пользовательского пикселя для отслеживания конверсий состоит из 3 основных шагов.
  1. Подготовка стороннего JavaScript SDK
  2. Настройка отслеживания конверсий с помощью веб-пикселей
  3. Подключение вашего пользовательского пикселя

1. Подготовка стороннего JavaScript SDK

Вам нужно удалить весь HTML, присутствующий в предоставленном коде пикселя. Любой JavaScript, загружаемый через HTML-тег <script>, должен вместо этого загружаться исключительно средствами JavaScript. Этот процесс более подробно описан здесь. Пример с использованием Google Tag Manager Исходный код пикселя:
После удаления HTML и переработки тегов <script>:
Обратите внимание, что пиксельный SDK Google не передаёт данные из пользовательского пикселя Shopify автоматически. Для передачи данных необходимо подписаться на события.

2. Настройка отслеживания конверсий с помощью веб-пикселей

Чтобы отслеживать конверсии с помощью пользовательских пикселей, подпишитесь на событие checkout_completed, предоставляемое Shopify. Это событие срабатывает либо на пост-покупочной странице, если она показывается вашему покупателю, либо на странице благодарности, если нет. В любом случае это событие срабатывает только один раз, поэтому дополнительная логика для предотвращения двойного учёта покупки не требуется.
Используйте этот справочник, чтобы узнать, какие данные можно получить из event. Событие Shopify checkout_completed Пример пользовательского пикселя Meta Код отслеживания, срабатывающий при завершении оформления заказа:

3. Подключение вашего пользовательского пикселя

Прежде чем добавить пользовательский пиксель, удалите или измените все существующие пиксели, чтобы события клиентов не учитывались дважды. Существующий код пикселя следует вручную удалить отовсюду, где он присутствует, например из theme.liquid, checkout.liquid (только для мерчантов Plus) и из раздела Additional scripts в настройках оформления заказа. После этого выполните следующие шаги, чтобы подключить пользовательский пиксель к вашему магазину.
  1. Перейдите в Settings > Customer Events > Custom Pixels > Add Custom Pixel
    1. Введите название вашего пользовательского пикселя.
  2. Вставьте код вашего пользовательского пикселя в раздел «Code».
  3. Убедитесь, что настройки конфиденциальности клиентов настроены правильно.
  4. Нажмите «Save» для вашего пользовательского пикселя.
  5. Нажмите «Connect», чтобы запустить ваш пользовательский пиксель!