Google Tag Manager (GTM) – это мощный инструмент, позволяющий управлять тегами (фрагментами кода) на вашем сайте без необходимости редактировать его код напрямую. GTM упрощает добавление, редактирование и отслеживание различных тегов, таких как Google Analytics, Google Ads, Facebook Pixel и другие. В этой статье мы рассмотрим, как настроить GTM в вашем магазине Shopify.
Зачем использовать Google Tag Manager в Shopify?
- Упрощение управления тегами: GTM позволяет управлять всеми тегами в одном месте, что упрощает их обновление и отслеживание.
- Ускорение загрузки сайта: GTM загружает теги асинхронно, что не замедляет работу вашего сайта.
- Расширенные возможности отслеживания: GTM позволяет настраивать сложные события и отслеживать различные действия пользователей на вашем сайте.
- Гибкость: GTM позволяет легко добавлять и удалять теги без необходимости привлекать разработчиков.
Как настроить Google Tag Manager в Shopify
- Создайте аккаунт Google Tag Manager:
Если у вас еще нет аккаунта GTM, создайте его на сайте https://tagmanager.google.com/.
- Создайте контейнер:
После создания аккаунта создайте новый контейнер для вашего магазина Shopify. Укажите название вашего магазина и выберите тип контейнера «Веб-страницы».
- Получите идентификатор контейнера:
После создания контейнера вы получите идентификатор контейнера (например, GTM-XXXXXX). Этот идентификатор понадобится вам для установки GTM на Shopify.
- Установите GTM на Shopify:
- Способ 1: Через панель администратора Shopify:
- Войдите в панель администратора Shopify.
- Перейдите в раздел «Онлайн-магазин» -> «Настройки».
- В разделе «Google Analytics» вставьте идентификатор контейнера GTM в поле «Google Tag Manager ID».
- Сохраните изменения.
- Способ 2: Вручную (через код темы):
- Войдите в панель администратора Shopify.
- Перейдите в раздел «Онлайн-магазин» -> «Темы».
- Найдите свою текущую тему и нажмите кнопку «Действия» -> «Редактировать код».
- Откройте файл theme.liquid.
- Вставьте код GTM сразу после открывающего тега <head>:
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:‘gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=‘dataLayer’?‘&l=’+l:»;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,‘script’,‘dataLayer’,‘GTM-XXXXXX’);</script>
5. Замените «GTM-XXXXXX» на ваш идентификатор контейнера.
6. Сохраните изменения.
5. Настройте теги в GTM:
После установки GTM вы можете начать добавлять и настраивать теги в интерфейсе GTM. Shopify предоставляет специальные инструкции по настройке тегов Google Analytics и Google Ads.
Советы по настройке GTM:
- Используйте предварительный просмотр и отладку: Перед публикацией изменений всегда проверяйте их в режиме предварительного просмотра и отладки, чтобы убедиться, что теги работают корректно.
- Организуйте теги: Создавайте папки и используйте понятные названия для тегов, чтобы упростить их управление.
- Документируйте свои настройки: Ведите записи о том, какие теги вы настроили и для каких целей, чтобы в будущем было легче вносить изменения.
Google Tag Manager – это мощный инструмент, который может значительно упростить управление тегами и отслеживание данных в вашем магазине Shopify. Настроив GTM, вы сможете легко добавлять, редактировать и отслеживать различные теги, что поможет вам принимать более обоснованные решения по оптимизации вашего бизнеса.