Stape

Server-side tagging для Shopify

Обновлено
12 июн. 2024 г.
Опубликовано
10 мар. 2023 г.
Также есть

Вы ищете простой и быстрый способ настроить теги на стороне сервера в Shopify? Обратите внимание на приложение Stape server GTM для Shopify. С помощью нашего приложения вы можете легко вставить веб-скрипт Google Tag Manager на сайт, настроить пользовательский домен и custom loader, отправить данные о пользователях и событиях e-commerce на data layer и настроить вебхуки. Все эти функции помогут вам сделать отслеживание более точным, продлив срок службы cookie, сделав отслеживание в браузере устойчивым к технологиям предотвращения отслеживания и отправив надежные данные рекламным и маркетинговым платформам через конечную точку сервера.

В этой статье блога мы рассмотрим, как настроить и установить приложение Stape для Shopify, чтобы вы могли сразу же использовать эти мощные функции.

Преимущества использования тегов на стороне сервера для Shopify

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

Чтобы максимально упростить внедрение тегов на стороне сервера, мы создали приложение Server GTM Shopify. Это приложение бесплатно в использовании и помогает легко настроить серверный контейнер Google Tag Manager для магазина Shopify. Но сначала давайте поговорим об основных преимуществах использования серверных тегов для сайтов Shopify.

1. Повышение точности данных. теги на стороне сервера могут помочь обеспечить более точный сбор данных, снижая риск потери данных или ошибок, вызванных блокировщиками рекламы, расширениями браузера или другими факторами на стороне клиента.

2. Точная атрибуция конверсий. Благодаря увеличенному сроку службы cookie и данным о пользователе, передаваемым через сервер, рекламные сети могут более точно отнести конверсии к маркетинговым кампаниям.

3. Улучшение производительности сайта. При использовании тегов на стороне сервера теги загружаются на сервере, а не на стороне клиента, что уменьшает объем кода, который необходимо загрузить в браузер пользователя. Это позволяет повысить скорость загрузки сайта, что крайне важно для удобства пользователей и SEO.

4. Повышенная безопасность. Теги на стороне сервера могут помочь повысить безопасность сайта, снизив риск утечки данных или других угроз безопасности, вызванных уязвимостями на стороне клиента.

Особенности приложения Stape Server GTM для Shopify

Цель приложения server GTM от stape - упростить процесс настройки серверного Google Tag Manager и доставки данных на серверный GTM. Наше приложение может работать как с хостингом stape.io для серверного Google Tag Manager, так и с любым другим, но функции custom loader и cookie keeper плагина работают только при использовании хостинга stape.io.

1. Добавьте веб-скрипт Google Tag Manager на каждую страницу сайта.

Включите флажок Insert GTM snippet и добавьте идентификатор WEB Google Tag Manager. После этого приложение stape будет вставлять веб-скрипт GTM на каждую страницу сайта.

Add web Google Tag Manager script onto every page of the website. 

2. Добавьте кастомный домен.

Настоятельно рекомендуется настраивать кастомный домен для сервера тегов, поскольку это дает возможность устанавливать куки-файлы первой стороны. При использовании домена по умолчанию для сервера GTM платформы отслеживания, такие как Google Analytics, будут устанавливать куки с домена google-analytics.com. Это файлы cookie третьей стороны. В браузерах с интеллектуальным предотвращением отслеживания, таких как Safari и Firefox, время жизни сторонних файлов cookie может составлять максимум 7 дней. Когда Google Analytics использует кастомный домен, он устанавливает файлы cookie 1-й стороны, которые могут жить до 2 лет.

Чтобы включить эту функцию, установите флажок и добавьте кастомный домен. Следуйте этому руководству, чтобы найти идентификатор контейнера Stape.

Add a custom domain

3. Добавьте custom loader. 

Custom loader - это функция stape, которая делает скрипты Google Tag Manager и Google Analytics невидимыми для блокировщиков рекламы. Она будет работать, только если вы используете хостинг stape.io для sGTM. Чтобы включить custom loader, установите флажок и добавьте идентификатор контейнера stape.

Add a custom loader

4. Добавьте события e-commerce и пользовательские данные в data layer.

data layer tab - shopify app by stape

Активация Data layer:

  • Активируйте флажок 'Add ecommerce Data Layer events'.
  • Сохраните изменения.
  • Скопируйте код для пользовательского пикселя в поле ниже на вкладке слоя данных и следуйте инструкциям, чтобы добавить и активировать его.

5. Отправьте вебхук на сервер контейнера GTM.

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

На этой вкладке настраиваются события вебхуков.

webhook tab in shopify app by stape

Чтобы активировать вебхук, необходимо установить флажок, указать url сервера GTM-контейнера и /path, куда должны отправляться вебхуки.

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

Вот несколько полезных записей в нашем блоге об использовании и отладке веб-крючков:

Как настроить теги на стороне сервера в магазине Shopify

Стандартная настройка серверных тегов проста с помощью приложения Stape Server GTM для Shopify. Приложение поможет вам внедрить модифицированный скрипт gtm.js в магазин Shopify, отправить данные в sGTM с помощью вебхуков и передать данные data layer в веб-контейнер.

Используя stape.io server Google Tag Manager хостинг, вы можете легко настроить облачный сервер для серверного Google Tag Manager. Мы предлагаем два варианта sGTM хостинга: Глобальный sGTM хостинг и Европейский sGTM хостинг. Европейский sGTM хостинг подходит тем пользователям, которые не могут передавать данные пользователей за пределы ЕС и не могут использовать Google Cloud для запуска серверного контейнера Google Tag Manager.

Это основные шаги, необходимые для настройки тегов на стороне сервера для Shopify:

3. Отправьте данных на серверный контейнер Google Tag Manager. Существует три наиболее популярных способа сделать это:

4. Настройте отслеживание внутри серверного контейнера Google Tag Manager. Большинство популярных инструментов маркетинга и аналитики уже поддерживают отслеживание на стороне сервера и имеют теги для sGTM. На нашем сайте вы можете найти руководства по их внедрению, например, Facebook CAPITikTok events APISnapChatGoogle Ads server-side trackingитд.  Кроме того, вы можете использовать sGTM для обогащения данных sGTM с помощью Firestore или Google Sheets. Еще одна полезная функция sGTM - отправка офлайн-конверсий в Facebook и Adwords.

5. Установите приложение в вашем магазине.

Активируйте приложение в Sales channels → Online Store → ваша активная тема → кнопка Customize → App embeds tab → активируйте Stape server GTM app и нажмите Save.

Debugging a GTM download

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

Для этого перейдите на любую страницу вашего сайта, откройте консоль браузера и на вкладке «Сеть» введите идентификатор вашего контейнера без частицы 'GTM-'. Вы должны увидеть запрос со статусом ответа 200:

Debugging a GTM download

Debugging data layer checkout events

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

debugging data layer checkout events - stape

Единственная возможность в Shopify отслеживать события на страницах оформления заказа - использовать Shopify Pixel API, поэтому события слоя данных и установка GTM в нашем приложении реализованы через него.

Но из-за того, как это технически реализовано (весь код из pixel api отображается в виде отдельного iframe), вы не можете запускать предварительные просмотры GTM на этих страницах, хотя технически ваш контейнер GTM будет загружаться там.

Поэтому, к сожалению, на данный момент вы не можете отлаживать события оформления заказа в режиме предварительного просмотра. Это ограничение также распространяется на события покупки, если вы используете Checkout Extensibility для страницы статуса заказа.

Единственный вариант отладки событий оформления заказа в Shopify - опубликовать конфигурацию или изменения на своих контейнерах и проверить сетевые запросы в консоли браузера.

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

debugging checkout events in Shopify - stape

Чтобы облегчить поиск GTM-запросов, вы можете указать в фильтре url или часть url вашего серверного контейнера.

Заключение:

Возможности серверных тегов быстро расширяются, предоставляя пользователю отличный инструмент для повышения точности отслеживания конверсии и аналитики. Кроме того, Stape старается упростить использование sGTM для наших клиентов, поэтому мы выпустили приложение Server GTM для Shopify.

Stape server GTM для Shopify - это фантастический инструмент с многочисленными функциями и преимуществами. Например, вы можете легко настроить отслеживание на своем сайте, добавив скрипт Google Tag Manager и настроив кастомный домен и loader. Кроме того, вы можете отправлять пользовательские данные на data layer и настраивать вебхуки.

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

Если вы ищете быстрое и простое решение для настройки тегов для Shopify на стороне сервера, Stape - это то, что вам нужно. Воспользуйтесь этим превосходным решением уже сегодня и оцените преимущества более точного отслеживания с помощью приложения Stape Server GTM App для Shopify. Испытайте его прямо сейчас - мы знаем, что вы не будете разочарованы!

Теги:Shopify

Хостите свой сервер GTM на Staperight now!