Мероприятия для клиентов - это основные действия, выполняемые вашей аудиторией, которые предоставляют информацию о том, как они взаимодействуют с вашим бизнесом через различные точки контакта. Это включает оплату, создание продажи, которая является критической точкой взаимодействия. Интегрированные сторонние сервисы улучшают вашу маркетинговую автоматизацию и аналитику, используя данные событий клиентов, генерируемые пикселями.Более глубокое понимание этих действий может значительно улучшить вашу стратегию продажи, предоставляя данные для усовершенствования маркетинговой автоматизации, аналитики и нацеливания аудитории. Интегрированные сторонние сервисы могут использовать эти данные событий клиентов, также называемые логами, созданные пикселями, для настройки вашего подхода к продаже.В этом блоге мы поможем разработчикам бренда разобраться с добавлением и управлением этими пикселями через ваш аккаунт Shopify. Что ж, давайте начнем с основ, хорошо?Что такое пиксели?От знакомства с пикселями до создания собственных для вашей аудитории B2B и обеспечения их успешной реализации на вашем магазине через различные каналы, в этом руководстве рассмотрены все аспекты, которые вам нужно знать, чтобы эффективно управлять взаимодействием с клиентами в вашем сообществе Shopify. Вы можете управлять пикселями, отслеживающими события клиентов, с помощью Менеджера пикселей Shopify.Менеджер пикселей Shopify позволяет вам добавлять и управлять пикселями для отслеживания событий клиентов.События клиентов - это действия, которые происходят в браузере клиента, такие как нажатие на ссылку или добавление товара в корзину.В разделе События клиентов вашей администрации Shopify эксперты могут добавлять и управлять пикселями.Пиксели можно добавить или перенести на ваш онлайн-магазин двумя способами: пиксели приложений, устанавливаемые маркетинговыми и сбором данных приложениями, и настраиваемые пиксели, которые разработчик может добавить вручную через менеджер пикселей в вашем аккаунте.Раньше продавцы могли добавлять сниппеты JavaScript в свой онлайн-магазин вручную. Они могли делать это в онлайн-параметрах, сценариях оформления заказа и приложениях. Они могли делать это в онлайн-параметрах, сценариях оформления заказа и Английских приложениях. В большинстве случаев эти сценарии не проверялись на качество, и управление ими занимало много времени. С Менеджером пикселей ваши сценарии хранятся в едином инструменте управления и работают в песочнице.Обязательно проверьте, не содержит ли ваша тема какие-либо существующие коды отслеживания перед началом работы. Этот код обычно находится в файле шаблона liquid, таких как theme.liquid, product.liquid и checkout.liquid, а также в поле для дополнительных сценариев в настройках оформления заказа. Этот шаг необходим для того, чтобы вы могли уверенно продолжать без беспокойства о конфликтах сценариев.Преимущества использования пикселей приложений или настраиваемых пикселей в вашем магазинеДоступ к потоку событий клиентов, таких как события оформления заказа, на вашем онлайн-магазине.Дополнительная защита для вашего онлайн-магазина и ваших клиентов, включая более тщательный контроль над информацией о клиентах, которую вы делитесь с поставщиками сторонних услуг.Предотвращает выполнение неисправного JavaScript или вмешательства в ваш онлайн-магазин и оформление заказа несанкционированным кодом.Интегрированные инструменты для соблюдения правил конфиденциальностиСоздание кода для настраиваемого пикселяСоздание стороннего JavaScript SDKКод, связанный с пикселем, предоставляется вам сервисом третьей стороны, которым вы пользуетесь. Код отслеживания и JavaScript SDK, как правило, являются двумя частями пикселя. Пиксель Shopify позволяет использовать только JavaScript, поэтому весь HTML в коде стороннего сервиса должен быть удален.Это пример мета-пикселя. Между сторонними поставщиками пикселей может быть небольшое отличие в позициях пикселей.Изображение предоставлено: ShopifyВ некоторых пикселях вы можете найти домены, загружаемые с помощью script src=. Пиксели Shopify не работают с HTML, поэтому вам нужно заменить его аналогом на JavaScript. Код для отслеживания событий PageView также был удален, так как он будет добавлен на следующем шаге.Изображение предоставлено: ShopifyВ некоторых пикселях вы можете найти загрузку пикселей с script src=. Пиксели Shopify не работают с HTML, поэтому вам нужно заменить это на JavaScript.Вы также можете ознакомиться с тем, как подписаться на стандартные события и настраиваемые события клиентов, что позволяет отслеживать дополнительные события клиентов, такие как нажатие на кнопку. Например, если вы хотите отслеживать определенные заказы, вы можете создать настраиваемое событие и подписаться на него.Вот пример пикселя Google Analytics:Изображение предоставлено: ShopifyВы можете использовать следующий код JavaScript вместо части сценария src=. Обязательно убедитесь, что атрибут src всегда соответствует версии HTML:Изображение предоставлено: ShopifyПодписка на стандартные событияСобытие PageView для пикселя Meta выглядит следующим образом. Обратите внимание, что функция fbq( track ) является частью кода Meta, и каждому бизнесу будет соответствовать своя версия, с которой необходимо ознакомиться в их документации.Изображение предоставлено: ShopifyВы можете передавать метаданные от некоторых событий в свой пиксель. Ниже приведен пример предоставления информации о продукте событию ViewContent от Meta:Изображение предоставлено: ShopifyПодписка на настраиваемые события клиентовВы можете добавить настраиваемые события клиентов, если хотите отслеживать дополнительные события клиентов, такие как нажатие на кнопку. Стандартные и настраиваемые события могут быть подписаны одним и тем же способом. Укажите название события, на которое вы хотите подписаться, и отправьте эту информацию в пиксель стороннего сервиса.Приведен пример, как настраиваемое событие может быть отображено в файлах liquid вашей темы:Изображение предоставлено: ShopifyВот один из способов настройки пикселя для подписки на это настраиваемое событие:Изображение предоставлено: ShopifyДобавление настраиваемого пикселяПеред добавлением настраиваемого пикселя удалите или измените любые существующие пиксели, чтобы избежать двойного подсчета событий клиентов. Существующий код пикселя должен быть удален вручную из всех мест, включая theme.liquid, checkout.liquid и дополнительные сценарии в настройках вашего оформления заказа.Шаги: 1. Откройте настройки > События клиентов через администратор Shopify.Изображение предоставлено: Shopify2. Назовите свой пиксель отличительным именем. Если вы вводите имя уже существующего настраиваемого пикселя, вас попросят дать новое имя вашему пикселю.3. Чтобы перейти к редактору событий, нажмите Добавить пиксель.Изображение предоставлено: Shopify4. В окне Код вставьте свой собственный код пикселя JavaScript.5. Чтобы Сохранить ваш настраиваемый пиксель, нажмите Сохранить. Если вы готовы подключить свой настраиваемый пиксель и начать отслеживать свои события, вы можете сделать это, нажав Подключить пиксель.Подключение настраиваемого пикселя в вашем магазине Shopify После добавления настраиваемого пикселя вы должны подключить его к вашему магазину, чтобы он начал отслеживать события клиентов.Шаги: Нажмите на Настраиваемые пиксели на странице События клиентов в административной панели Shopify.В разделе Отключенные пиксели вы можете увидеть все настраиваемые пиксели, которые в настоящее время не подключены. Нажмите Подключить на строке с правильным настраиваемым пикселем.Ознакомьтесь с Условиями предоставления услуг Shopify. Если ваш пиксель соответствует требованиям, нажмите Подключить.Отключение и удаление настраиваемого пикселяЧтобы прекратить отслеживание событий, для которых вы добавили настраиваемый пиксель, необходимо вручную отключить его от вашего онлайн-магазина.Шаги: На странице События клиентов вашей административной панели Shopify нажмите Настраиваемые пиксели. Наиболее свежие настраиваемые пиксели, связанные с вашим магазином, отображаются в верхней части списка. Нажмите Отключить на строке с настраиваемым пикселем, который вы хотите отключить. При отключении пиксель не удаляется. Вы также можете удалить любые ненужные настраиваемые пиксели.Шаги: На странице События клиентов в вашей административной панели Shopify нажмите Настраиваемые пиксели. Кликните на кнопку … на строке с настраиваемым пикселем, который вы хотите изменить. Нажмите Удалить. Если вы подтвердите удаление, настраиваемый пиксель будет удален из менеджера пикселей.ЗаключениеУбедитесь, что вы знакомы с настройкой пикселей, прежде чем создавать настраиваемый пиксель. Вот несколько вещей, которые следует учитывать: Всегда убедитесь, что вы понимаете код, который вы размещаете на вашем сайте оформления или получите настраиваемый пиксель от эксперта Shopify. Поскольку пиксели работают в безопасной среде песочницы, существуют ограничения на то, какие данные могут быть опубликованы. Расширение API веб-пикселя позволяет получить доступ к API браузера и подписаться на события клиентов с помощью песочниц Shopify Lax или Strict.