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
1. Створіть обліковий запис Google Tag Manager:
Якщо у вас ще немає облікового запису GTM, створіть його на сайті https://tagmanager.google.com/.
2. Створіть контейнер:
Після створення облікового запису створіть новий контейнер для вашого магазину Shopify. Вкажіть назву вашого магазину та виберіть тип контейнера «Веб-сторінки».
3. Отримайте ідентифікатор контейнера:
Після створення контейнера ви отримаєте ідентифікатор контейнера (наприклад, GTM-XXXXXX). Цей ідентифікатор знадобиться для встановлення GTM на Shopify.
4. Встановіть 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, ви зможете легко додавати, редагувати та відстежувати різні теги, що допоможе вам приймати більш обґрунтовані рішення щодо оптимізації вашого бізнесу.