SignalHost для Shopify: серверное отслеживание от первого просмотра страницы до покупки

• Магазин Shopify с онлайн-витриной. Приложение работает на витрине и в оформлении заказа Shopify.
• Аккаунт SignalHost. Чтобы попробовать, хватит бесплатного тарифа: 10 000 запросов в месяц и один контейнер. Аккаунт можно создать прямо во время подключения.
• Право устанавливать приложения в админке Shopify.

Откройте SignalHost: Server Tag Manager в Shopify App Store и установите его. Приложение запрашивает у Shopify только два разрешения: управлять веб-пикселями и читать события покупателей. Оно не запрашивает доступа ни к вашей теме, ни к данным ваших покупателей. После установки оно открывается в админке Shopify в разделе Apps.

На странице приложения есть кнопка «Подключить через SignalHost» и, если вы у нас впервые, «Создать бесплатный аккаунт». Любая из них открывает signalhost.io в новой вкладке; войдите или зарегистрируйтесь там.

Следующий экран сообщает, что приложение сможет делать — добавлять ваш код отслеживания на каждую страницу магазина, отправлять его события корзины и оформления заказа в контейнер и читать статус контейнера, — и чего оно не сможет: читать контактные данные ваших покупателей, использовать ваш аккаунт Google или видеть данные оплаты. Затем вас спросят, какой контейнер должен использовать магазин. Контейнер — это ваш собственный сервер тегинга: веб-контейнер и серверный контейнер Tag Manager, созданные в вашем собственном аккаунте Google, так что они остаются вашими.

Выберите контейнер и нажмите «Подключить» или выберите «Новый контейнер для» вашего магазина и нажмите «Создать контейнер», чтобы пройти короткий мастер. Когда вы вернётесь в Shopify, страница приложения обновится сама. Если на ней написано «Подтвердите подключение», проверьте указанные аккаунт и контейнер и нажмите «Подтвердить подключение».

Не нужно вставлять код, править тему или что-либо публиковать. Как только магазин связан, SignalHost создаёт веб-пиксель приложения и передаёт ему ваш адрес тегинга и идентификатор измерения Google Analytics 4 вашего контейнера. Shopify запускает его на каждой странице витрины и в оформлении заказа. Пока новый контейнер создаётся, приложение показывает «Почти готово», а затем — «Отслеживание работает».

Откройте магазин в новой вкладке, примите cookie-баннер, посмотрите товар, добавьте его в корзину и начните оформление заказа. Через несколько минут в приложении блок «Последние 7 дней» покажет «Просмотры страниц», «Добавления в корзину», «Оформления заказа» и «Покупки»; кнопка «Обновить статус» загружает актуальное состояние.

«Открыть статистику и настройки» открывает ваш контейнер на signalhost.io, где начиная с тарифа Growth раздел «Мониторинг событий в реальном времени» показывает каждое событие в момент поступления — со страной, браузером и статусом согласия.

Shopify передаёт пикселю собственные события покупателей, а пиксель превращает их в события Google Analytics 4:

• page_view — на страницах витрины и оформления заказа
• view_item, view_item_list и search
• add_to_cart, remove_from_cart и view_cart
• begin_checkout, add_shipping_info и add_payment_info
• purchase — со стоимостью, налогом, доставкой и кодами скидок

Пиксель использует cookie Google Analytics посетителя, поэтому событие оформления заказа относится к тому же посетителю и той же сессии, что и предшествующая ему страница товара. Каждый запрос покидает браузер в виде, который блокировщики рекламы не распознают, и ваш сервер тегинга пересылает его в Google Analytics 4 и на рекламные платформы, которые вы настроили на странице контейнера: Google Ads, Meta, TikTok и другие.

Shopify запускает пиксель, только если выбор посетителя в отношении приватности разрешает аналитику, так что cookie-баннер Shopify решает, кого учитывать; выбор в отношении рекламы передаётся с каждым событием, поэтому ваш серверный контейнер может не пропускать события к рекламным платформам. Приложение никогда не читает контактные данные ваших покупателей.

Пиксель отправляет события сам и не загружает ваш веб-контейнер Tag Manager. Этот контейнер нужен на витрине, только если в нём есть собственные теги, например инструмент тепловых карт или отслеживание прокрутки и кликов GA4. Тогда откройте в приложении раздел «Необязательно: ваш собственный контейнер Tag Manager на каждой странице» и нажмите «Включить в редакторе темы»; откроется редактор темы Shopify с уже включённым SignalHost, и изменение вступит в силу, когда вы нажмёте там Save.

После этого просмотры страниц витрины отправляет ваш контейнер Tag Manager, а пиксель их там пропускает, так что ничего не считается дважды. Настройка встраивания «Use Shopify's cookie banner for Google Consent Mode» заставляет теги ждать ответа посетителя; выключайте её, только если Google Consent Mode уже устанавливает другое приложение.

Сначала ваш контейнер работает на адресе под signalhost.io. На платном тарифе кнопка «Подключить собственный домен» на странице контейнера проведёт вас через настройку поддомена домена вашего магазина, например metrics.yourshop.com, с помощью одной DNS-записи. Браузеры считают его доменом первого лица, поэтому его cookie считаются вашими собственными, а клики по рекламе остаются засчитанными. Когда домен заработает, приложение в течение нескольких минут переключит на него витрину и оформление заказа. Вручную заменять ничего не нужно.

SignalHost можно поставить в магазин Shopify и без приложения. На signalhost.io откройте свой контейнер, найдите фрагмент кода в карточке «Установить на сайт» и нажмите «Копировать». Затем в Shopify перейдите в Online Store › Themes › ⋯ › Edit code, откройте theme.liquid и вставьте фрагмент сразу после открывающего тега head. Если ваша тема уже загружает Google Tag Manager или тег Google для того же ресурса Analytics, замените тот фрагмент, а не добавляйте второй. Сохраните, откройте магазин и нажмите «Готово» на странице контейнера.

Так ваш контейнер Tag Manager загружается на страницах темы, с просмотрами страниц и всем, что ваша тема сама отправляет в слой данных. Но в нём нет того, что добавляет пиксель: оформление заказа Shopify не выполняет код темы, поэтому шаги оформления и покупка никогда не доходят до фрагмента в theme.liquid, а события товаров и корзины тоже приходят от пикселя. Когда заработает ваш собственный домен, фрагмент придётся заменить самостоятельно. Если позже вы установите приложение, сначала удалите фрагмент, иначе каждый просмотр страницы будет посчитан дважды.

Магазин, подключённый через приложение, оплачивает SignalHost через Shopify. Кнопка «Тарифы и оплата» на странице приложения открывает страницу Shopify для выбора или смены тарифа, а списание появляется в вашем счёте Shopify. После подключения приложение также показывает запросы за этот месяц в сравнении с лимитом вашего тарифа.

У одного аккаунта один плательщик. Если ваш аккаунт SignalHost уже оплачивается картой или за него платит другой магазин Shopify, приложение сообщит об этом, и тариф этого магазина не используется; отмените один из них, чтобы не платить дважды.

Кнопка «Отключить» находится внизу страницы приложения и требует повторного нажатия. Затем SignalHost удаляет пиксель приложения и значения, которые читает встраивание в тему, и в течение нескольких минут перестаёт загружаться в вашем магазине. Ваш контейнер и его статистика сохраняются, а «Подключить через SignalHost» снова свяжет магазин. Магазин также есть в списке «Настройки › Подключённые сайты» на signalhost.io.

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

• Приложение долго показывает «Почти готово»: новый контейнер ещё создаётся, это занимает несколько минут. Если сборка не удалась, откройте контейнер, чтобы узнать причину.
• Приложение сообщает, что у вашего контейнера ещё нет ресурса Google Analytics: откройте контейнер и добавьте его. До тех пор пикселю некуда отправлять данные.
• «Последние 7 дней» остаются на нуле: откройте работающий магазин и примите cookie-баннер. Shopify запускает пиксель только для посетителей, чей выбор в отношении приватности разрешает аналитику.
• При включённом встраивании в тему приложение сообщает, что код отслеживания встречается дважды или в теме всё ещё есть старая копия: удалите фрагмент, который вы раньше вставили в theme.liquid.
• Вы достигли лимита тарифа: новые события не записываются до даты, которую называет приложение, если только вы не перейдёте на более высокий тариф.
• Что-то другое: напишите на hello@signalhost.io и укажите адрес магазина.

SignalHost — независимый продукт компании Algorithmo GmbH, не связанный с Shopify, Google, Meta или TikTok и не одобренный ими. Google Analytics, Google Ads и Google Tag Manager — товарные знаки Google LLC; Meta — товарный знак Meta Platforms, Inc.; TikTok — товарный знак ByteDance Ltd.; Shopify — товарный знак Shopify Inc.