Як додати Менеджер тегів Google до Magento 2?

Щоб збільшити продажі та забезпечити персоналізований клієнтський досвід, кожне ваше рішення має ґрунтуватися на даних. Саме для цього стануть у пригоді такі інструменти, як Google Tag Manager.

Додавання Google Tag Manager у Magento означає отримання аналітики про поведінку клієнтів, ефективність продукту, оформлення замовлення та кошик, а також використання її в кількох маркетингових каналах.

У цьому посібнику ви дізнаєтесь, як встановити скрипт GTM та як додати Google Tag Manager до Magento за допомогою Magefan Розширення Google Tag Manager для Magento .

Ключові висновки
  • Встановлення скрипта Google Tag Manager у Magento здійснюється черезВміст > Дизайн > Конфігурація Тема Заголовок > Скрипти та таблиці стилів.
  • Додавання Скрипт GTM не вмикає Google Analytics 4, вам потрібно зробити це окремо через Продажі > Google API.
  • За замовчуванням, Magento підтримує лише веб-контейнер GTM (Скрипт GTM).
  • Додавання скрипта Google Tag Manager до Magento не створює теги, тригери та змінні автоматично.
  • Автоматичне створення подій у GTM, встановіть розширення Magefan Google Tag Manager для Magento та експортуйте попередньо створений шар даних.

Перш ніж додавати Менеджер тегів Google

Перш ніж встановлювати скрипт GTM у Magento, врахуйте кілька речей:

  • Створення облікового запису GTM та контейнера GTM

Примітка: Якщо ви розглядаєте можливість додавання відстеження на стороні сервера в Magento , вам потрібен окремий контейнер сервера.

  • Переконайтеся, що у вас є доступ до налаштувань теми та відповідних розділів конфігурації (Контент > Дизайн > Конфігурація та налаштування > Продажі > Google API
  • Перевірте, чи маєте ви дозволи на попередній перегляд тегів у вашому обліковому записі GTM для тестування.
  • Ви повинні мати базове розуміння HTML та CSS, перш ніж розміщувати скрипт GTM у своїй темі.

Як встановити скрипт менеджера тегів Google?

Щоб додати Google Tag Manager до Magento без будь-яких розширень, просто встановіть скрипт GTM у вашу тему. Використовуйте скрипт GTM та частини без скриптів і помістіть їх у два окремі файли шаблону phtml: head та body.

Інший варіант – перейти до Magento Адміністрування > Контент > Дизайн > Налаштування і вставте скрипт GTM всередину Заголовок > Скрипти та таблиці стилів розділ певної теми.

Встановлення скрипта gtm у Magento

Розділ Magento «Скрипти та таблиці стилів»

Важливо: додавання скрипта GTM не вмикає Google Analytics. Вам потрібно окремо додати Google Analytics 4 у ​​Magento після налаштування GTM.

Після встановлення скрипта GTM, Magento запустить його, але вам доведеться окремо налаштувати події GTM — теги, тригери та змінні.

Як додати Google Tag Manager до Magento?

Найпростіший варіант додати Google Tag Manager до Magento – це використовувати розширення, таке як Magefan Google Tag Manager. Вам не потрібно редагувати скрипт, працювати з кодом, окремо налаштовувати GA4 або навіть створювати теги GTM.

Розширення Magefan GTM постачається з попередньо створеними шарами даних для всіх важливі події електронної комерції та автоматично підключається до Google Analytics.

Давайте подивимося, як це працює.

Крок 1. Налаштуйте обліковий запис і контейнер Менеджера тегів Google

Увійти в Менеджер тегів Google обліковий запис і створіть новий обліковий запис, якщо у вас його ще немає.

Створити обліковий запис Менеджера тегів Google

Потім встановіть Ім'я облікового запису і виберіть КраїнаВкажіть Контейнер назва, яка є описовою назвою, що використовується для пов’язування контейнера з вашим веб-сайтом, і виберіть Веб для Цільова платформа.

Конфігурація Менеджера тегів Google

Примітка: Оскільки кожен контейнер пов'язаний з одним веб-сайтом, вам потрібен лише один контейнер у вашому обліковому записі. Якщо ви керуєте Magento з кількома веб-сайтами, вам потрібні окремі контейнери.

Крок 2: Отримання публічних ідентифікаторів GTM, облікових записів та контейнерів

Щоб отримати будь-які ідентифікатори, необхідні для налаштування Менеджера тегів Google для Magento, спочатку потрібно перейти до Головна сторінка GTM.

  • Публічний ідентифікатор

Натисніть на Назва контейнера перебуваючи на головній сторінці GTM. Потім перейдіть на Адміністратор вкладку та знайдіть її біля назви контейнера.

Публічний ідентифікатор GTM

  • Ідентифікатор облікового запису

Перейдіть на сторінку контейнера та знайдіть його в адресі браузера після /рахунки/.

Ідентифікатор облікового запису GTM

  • Ідентифікатор контейнера

Відкрийте контейнер на головній сторінці GTM та знайдіть ідентифікатор контейнера в адресі браузера після /контейнери/.

Ідентифікатор контейнера GTM

Крок 3. Отримання ідентифікатора вимірювання в Google Analytics

Оскільки розширення Google Tag Manager має знати, куди ви надсилаєте зібрані дані, вам потрібно отримати ідентифікатор вимірювання GA4 та вказати його в налаштуваннях розширення.

Спочатку перейдіть до Головна сторінка Google Analytics і виберіть ресурс GA4, який ви хочете використовувати для перегляду звітів про ефективність вашого магазину.

Ресурс Google Analytics 4

Потім перейдіть до Адміністратор (значок шестерні) > Потоки даних > Деталі веб-потоку і знайдіть свою Ідентифікатор вимірювання.

Ідентифікатор вимірювання Google Analytics

Крок 4: Вставте ідентифікатори GTM у свою адміністративну панель Magento 2

Примітка: Якщо ви раніше використовували скрипт відстеження GTM, перейдіть за посиланнямВміст > Дизайн > Конфігурація, знайдіть веб-сайт, для якого ви використовували скрипт, і видаліть його з HTML Head > Скрипти та таблиці стилів розділ.

Перейти до Магазини > Конфігурація > Розширення Magefan > Менеджер тегів Google > Веб-контейнер і вставте все Ідентифікатори GTM у цей розділ.

Налаштування Менеджера тегів Google у Magento 2

Після цього увімкніть Google Analytics 4 і вставте Ідентифікатор вимірювання там. Зберегти налаштування після завершення.

Google Analytics у Magento 2

Крок 5: Створення тегів GTM

Щоб відстежувати події у вашому магазині Magento, вам потрібно створити теги, тригери та змінні у вашому обліковому записі GTM. Але оскільки Magefan Google Tag Manager для Magento 2 спрощує роботу, все, що вам потрібно, це імпортувати попередньо встановлені теги з Magento.

Для цього перейдіть до Магазини > Конфігурація > Розширення Magefan > Менеджер тегів Google > Експорт веб-контейнера і натисніть на Згенерувати JSON-контейнер та завантажити файл кнопка.

експорт веб-контейнера Magento

Після збереження файлу перейдіть до Головна сторінка GTM Адміністратор і натисніть на Імпорт контейнера.

Імпорт контейнера Менеджера тегів Google

Потім виберіть файл для імпорту, вибрати робочий простір і встановити, чи слід перезаписати або об'єднати вибраний робочий простір із вибраним контейнером та виберіть робочий простір (зазвичай він використовується за замовчуванням).

Імпорт JSON-контейнера в GTM

Нарешті, вам буде надано попередній перегляд нових, змінених та видалених тегів GTM, тригерів та змінних для підтвердити.

Оновлені теги та тригери GTM

Крок 6: Перевірте підключення GTM

Найшвидший спосіб перевірте, чи працює Менеджер тегів Google перейти на сторінки вашого магазину – це перейти на будь-яку з них, натиснути Ctrl+U та перегляньте вихідний код.

Однак ви також можете перевірити, чи спрацювала реалізація, зі свого облікового запису Менеджера тегів, натиснувши Попередній перегляд коли в Робочий простір.

Попередній перегляд Менеджера тегів Google

Потім введіть свій URL-адреса веб-сайту Magento у спливаючому вікні, що з’явилося.

Підключіть помічника тегів до свого вебсайту

URL-адреса відкриється в новій вкладці. Якщо ви виконали всі кроки правильно, ви повинні побачити таке повідомлення:

Підключіть Tag Assistant до свого магазину

Натисніть Продовжити щоб побачити сторінку з усіма контрольованими тегами Помічник тегів

Примітка: Якщо ви хочете перевірити деякі конкретні теги, перейдіть до свого магазину, запустіть дію та відстежуйте запущені теги на цій панелі.

Панель помічника тегів

Крок 7: Опублікуйте теги GTM

Важливо: Щоразу, коли ви імпортуєте та переглядаєте зміни в GTM, вам потрібно їх опублікувати.

Перейдіть на вкладку панелі робочого простору та натисніть кнопку Надіслати кнопка.

Надсилання змін до Менеджера тегів Google

Ви перейдете на панель налаштувань надсилання, де зможете налаштувати Назва версії і Опис версіїЦі опції призначені виключно для вашої зручності. Тож ви можете залишити їх порожніми та натиснути Опублікувати

Надсилання змін до GTM

Тоді ви побачите, Зведення версії зі змінами, датою, описом та користувачем, який їх надіслав.

Нова версія тегів у GTM

Зрештою, ви можете перейти до GA4 > Звіти > У режимі реального часу та відстежуйте активність на вашому веб-сайті.

Звіт Google Analytics

Менеджер тегів Google Magefan пришвидшує додавання GTM у Magento та підключає Google Analytics 4 одразу після встановлення. Крім того, він дозволяє налаштувати Відстеження конверсій та Динамічний ремаркетинг .

Але жоден з цих факторів не гарантує точності ваших звітів. Все тому, що додавання лише скрипта Google Tag Manager має деякі серйозні недоліки.

Недоліки використання веб-контейнера GTM

Хоча використання GTM у Magento забезпечує гнучкість та більше контролю над вашими маркетинговими тегами, важливо пам’ятати про обмеження, пов’язані з веб-контейнером GTM (відстеження на основі скриптів).

Вплив на продуктивність та SEO

Хоча скрипт GTM є легким, кожен тег, який ви додаєте до контейнера, впливає на час завантаження. Це впливає на Core Web Vitals та інші важливі показники ефективності, з часом знижуючи ваші рейтинги в пошуку.

Точність даних

Скрипт Google Tag Manager працює у браузерах користувачів, повністю залежать від виконання клієнта. Через це він схильний до блокування налаштуваннями конфіденційності, блокувальниками реклами та повільним мережевим з’єднанням. Тому що, якщо скрипт не працює, дані не збираються. Це призводить до неповних, неточних або повної втрати даних.

Проблеми безпеки та відповідності

Будь-який тег відстеження, який ви додаєте до Magento через скрипт GTM, запускається у браузері користувача. Якщо його не перевіряти та не виконувати належним чином, це робить ваш магазин вразливим до вразливостей безпеки або запускає поведінку, яка суперечить правилам конфіденційності даних. Завжди увімкнути згоду на використання файлів cookie в Magento , щоб запобігти цьому.

Менеджер тегів Google: веб чи сервер

Додавання Google Tag Manager до Magento спрощує відстеження даних та спрощує керування ними. Особливо, якщо використовувати модуль Magefan Google Tag Manager для швидшого виконання цієї роботи.

Однак, те, як ви додаєте GTM — через скрипт чи сервер — визначає, наскільки безпечними, точними та корисними будуть ці дані.

Хоча веб-контейнер GTM вже давно є загальним стандартом, відстеження на стороні сервера – це перспективний спосіб збору даних.

Найкраще те, що ви можете поєднати обидва. Тож подумайте також про використання Контейнер сервера GTM у Magento .