Google Tag Manager (GTM) – это мощный инструмент, который позволяет управлять различными тегами (фрагментами кода) на вашем сайте, не внося изменения непосредственно в код страниц. GTM упрощает процесс добавления, редактирования и отслеживания тегов, таких как Google Analytics, Facebook Pixel, рекламные пиксели и другие, что делает его незаменимым инструментом для любого владельца интернет-магазина Shopify.
Преимущества использования Google Tag Manager в Shopify
Упрощенное управление тегами
GTM позволяет управлять всеми тегами в одном месте, что упрощает их обновление и отслеживание.
Ускорение загрузки сайта
GTM загружает теги асинхронно, что не замедляет работу вашего сайта.
Расширенные возможности отслеживания
GTM позволяет настраивать сложные события и отслеживать различные действия пользователей на вашем сайте, что дает вам более глубокое понимание поведения вашей аудитории.
Гибкость
GTM позволяет легко добавлять и удалять теги без необходимости привлекать разработчиков, что экономит ваше время и ресурсы.
Как добавить Google Tag Manager в Shopify
- Создайте аккаунт Google Tag Manager на сайте 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>:
HTML
<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>
Вставьте второй фрагмент кода GTM сразу после открывающего тега <body>:
HTML
<noscript><iframe src=»https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX»
height=»0″ width=»0″ style=»display:none;visibility:hidden»></iframe></noscript>
Замените «GTM-XXXXXX» на ваш идентификатор контейнера в обоих фрагментах кода. Сохраните изменения.
Настройка тегов в GTM
После установки GTM вы можете начать добавлять и настраивать теги в интерфейсе GTM. Shopify предоставляет специальные инструкции по настройке тегов Google Analytics и Google Ads. Вы также можете добавлять теги других сервисов, таких как Facebook Pixel.Метрика и другие.