Назад в блог

Блог

SignalHost для BigCommerce: установите приложение, подтвердите один раз и отслеживайте каждую продажу на сервере

Опубликовано · 6 мин чтения

SignalHost для BigCommerce пока нет в BigCommerce App Marketplace. До тех пор его можно добавить вручную: Добавить SignalHost вручную

Приложение SignalHost добавляет серверный Google Tag Manager в магазин на BigCommerce без всякой вставки кода. Оно добавляет два скрипта через Script Manager, превращает собственный слой данных BigCommerce в события электронной торговли Google Analytics, поддерживает оба скрипта в актуальном состоянии, когда что-то меняется на нашей стороне, и исчезает вместе с приложением. Руководство идёт в том порядке, в каком вы с этим столкнётесь: установка, подключение контейнера, подтверждение, проверка и что делать, если что-то не работает.

Прежде чем начать

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

1. Установите приложение

Откройте SignalHost в BigCommerce App Marketplace и установите его. BigCommerce перечислит разрешения, которые запрашивает приложение: Content — чтобы записывать свои скрипты через Script Manager; Checkout Content — чтобы они работали и в оформлении заказа, и на странице подтверждения заказа; и Information & Settings — для названия и валюты вашего магазина и для включения слоя данных. Подтвердите, и страница приложения откроется внутри вашей панели управления. Позже вы найдёте её в меню Apps.

2. Подключите контейнер

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

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

Выберите существующий контейнер или выберите новый и пройдите короткий мастер. Контейнер — это ваш собственный сервер тегинга, созданный в вашем собственном аккаунте Google, так что он остаётся вашим. Создание нового занимает несколько минут; подключиться можно сразу, и приложение добавит отслеживание, как только контейнер будет готов. Нажмите «Подключить». После этого во вкладке появится «Почти готово: подтвердите в BigCommerce».

3. Подтвердите в BigCommerce

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

Затем на странице появится «Отслеживание начнётся через несколько минут», а когда скрипты будут на месте — «Отслеживание работает». Если к моменту вашего возвращения срок действия запроса истёк, снова нажмите «Подключить SignalHost».

4. Проверьте работу

Откройте витрину, посмотрите товар, добавьте его в корзину и начните оформление заказа. Страница приложения показывает данные за последние 7 дней: «Просмотры страниц», «Добавления в корзину», «Оформления заказа» и «Покупки». Когда отслеживание заработает, она также сообщает результат собственной проверки витрины со стороны SignalHost; «Найдено на главной странице витрины вашего магазина» означает, что скрипты на месте.

«Открыть статистику и настройки» ведёт на страницу контейнера, где вкладка «Недавнее» в разделе «Расширенная аналитика» охватывает последние 30 минут. Начиная с тарифа Growth раздел «Мониторинг событий в реальном времени» также показывает каждое событие по имени в момент поступления.

Что приложение добавляет в ваш магазин

Два скрипта в Script Manager, оба записаны приложением и поддерживаются им в актуальном состоянии:

  • SignalHost — в head каждой страницы, включая оформление заказа: загрузчик Google Tag Manager, направленный на ваш собственный адрес тегинга вместо googletagmanager.com. Он загружает оттуда ваш контейнер Tag Manager.
  • SignalHost events — в футере каждой страницы, включая оформление и подтверждение заказа: он превращает слой данных BigCommerce в события электронной торговли Google Analytics. Просмотры категорий и товаров становятся view_item_list и view_item, корзина — add_to_cart, remove_from_cart и view_cart, а оформление заказа — begin_checkout, add_shipping_info, add_payment_info и purchase, с номером заказа, налогом, доставкой и купоном.

Скрипт событий читает товары, суммы и номер заказа, но никогда не читает имя покупателя, его email, телефон или адрес. Перезагруженная страница подтверждения не засчитывает заказ дважды в одном и том же браузере.

Слой данных — это настройка магазина, выключенная, пока кто-нибудь её не включит. Приложение включает её за вас; это добавляет на витрину собственный скрипт событий BigCommerce и ничего не меняет в том, что видят ваши покупатели. Если BigCommerce откажет, страница приложения подскажет, где находится переключатель.

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

Ваш собственный домен отслеживания

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

Добавить SignalHost вручную

Загрузчик можно добавить и без приложения. На странице контейнера найдите код в карточке «Установить на сайт» и нажмите «Копировать». В панели управления откройте Storefront › Script Manager и добавьте скрипт с этим кодом — в head всех страниц и, если ваш магазин показывает cookie-баннер BigCommerce, в категории analytics. Затем нажмите «Готово» на странице контейнера.

Так вы получите просмотры страниц и ничего больше. Скрипт событий, включение слоя данных, проверка витрины и автоматический переход на ваш собственный домен доступны только с приложением; когда ваш адрес тегинга изменится, вам придётся самостоятельно заменить скрипт новым кодом, который SignalHost пришлёт по email. Используйте что-то одно: если приложение тоже установлено, загрузчик сработает дважды.

Управление и отключение

Страница приложения показывает ваш тариф и запросы за этот месяц. Тариф оплачивается на signalhost.io, а не через BigCommerce, и «Повысить тариф» открывает его там. На странице контейнера в карточке установки написано «Установлено приложением BigCommerce», а «Управлять» ведёт в «Настройки › Подключённые сайты».

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

Удаление приложения в Apps › My Apps тоже удаляет оба скрипта: BigCommerce удаляет их сам, потому что они были созданы вместе с приложением, а SignalHost завершает подключение магазина.

Если что-то не работает

  • Скриптов нет на главной странице витрины: они работают в темах Stencil. В headless-витрину код нужно добавить напрямую.
  • Витрину пока не удалось проверить: обычно магазин ещё не запущен. Скрипты уже на месте и заработают, как только он запустится.
  • Просмотры страниц приходят, а корзины и покупки нет: слой данных выключен. Включите его в Settings › Data Solutions › Data layer. Покупатели, отклонившие аналитические cookie в баннере BigCommerce, не учитываются вовсе.
  • У вашего контейнера ещё нет ресурса Google Analytics: завершите его настройку на signalhost.io.
  • SignalHost ещё не настроен для этого магазина: удалите приложение в Apps › My Apps и установите его заново.
  • Страница открыта уже давно: снова откройте SignalHost из меню Apps.
  • Последнее обновление не прошло: оно повторяется автоматически.
  • Что-то другое: напишите на hello@signalhost.io и укажите адрес магазина.

Товарные знаки

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

Перестаньте терять данные из-за блокировщиков

Начните бесплатно. Запустите первый контейнер за несколько минут.