Керування онлайн магазином потребує постійного прийняття рішень. На жаль, інколи результат не завжди відповідає очікуванням лише тому, що рішення ґрунтуються на інтуїції. Проте, електронна комерція працює не зовсім так.

Щоб підвищити продажі та забезпечити персоналізований досвід користувачів, кожне ваше рішення повинне базуватись на даних про перегляди сторінок, час, який користувачі проводять на кожній з них, та багатьох інших показниках.

Ви ж не думаєте, що зможете зібрати ці дані без сторонньої допомоги, чи не так?

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

Зміст [приховати]

    Та спочатку давайте розберемось що ж це таке.

    Що таке Google Tag Manager?

    Google Tag Manager (GTM) — це безкоштовна система керування тегами, розроблена Google, щоб допомогти вам керувати маркетинговими тегами магазину з одного інтерфейсу без будь-яких змін коду.

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

    Крім того, вам не потрібно додавати теги вручну або застосовувати технічні знання JavaScript. GTM дозволяє додавати тег контейнера (container tag) на ваш сайт і вносити всі зміни та налагодження безпосередньо з програми.

    І ви можете налаштувати не тільки теги відстеження Google Analytics. Це можуть бути також теги будь-якої сторонньої програми, як-от Facebook Pixel, Google Ads, Microsoft Bing та інші.

    GTM працює з 3-ма елементами:

    • Теги (tags) — фрагменти коду, реалізовані в структурі вашої сторінки (в основному, код JS).
    • Тригери (triggers) — визначають, де і коли виконувати теги відстеження.
    • Змінні (variables) — зберігають інформацію, яку використовують тригери та теги.

    Відповідно до цих елементів визначають 3 етапи роботи Google Tag Manager.

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

    Переваги Google Tag Manager

    Якщо хтось з вас все ще не зрозумів, коли це стає в нагоді, ми хочемо перерахувати переваги, які пропонує Google Tag Manager:

    • GMT допомагає персоналізувати вашу маркетингову кампанію.
    • Цей інструмент позбавляє вас необхідності звертатися до розробника щоразу, коли потрібно вносити зміни у тегах.
    • Під час впровадження тегів немає помилок, оскільки вони додаються програмою, а не вручну.
    • GMT зі всіма збереженими даними — це чудова перевага для Google Analytics.

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

    Нарешті ми підходимо до налаштувань.

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

    1. Ввійдіть у акаунт Google Tag Manager та створіть новий акаунт, якщо ви досі не створили його.

    Create Google Tag Manager Account

    2. Задайте Account Name та виберіть Country.

    3. Вкажіть назву контейнера – Container що являє собою описову назву, яка використовується для пов’язування контейнера з вашим веб-сайтом, і виберіть Web для цільової платформи.

    Google Tag Manager Configuration

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

    4. Отримайте GMT коди, які потрібно додати на кожну сторінку свого веб-сайту — у <head> і <body>.

    Install Google Tag Manager

    Примітка: Якщо вам коли-небудь знадобиться повернутися до цих кодів після їх застосування їх на вашому веб-сайті, ви можете знайти їх у розділі Admin > Install Google Tag Manager.

    5. Перейдіть у адмін панель Magento 2 > Content > Design > Configuration та виберіть веб-сайт, до якого потрібно застосувати код GTM.

    6. Перейдіть до розділу HTML Head і вставте код для <head> в поле Scripts and Style Sheets.

    Add Google Tag Manager in Magento

    7. Перейдіть до розділу Footer на тій же сторінці та вставте код <body> у поле Miscellaneous HTML.

    Insert GTM Script in Magento

    Не забудьте зберегти налаштування та очистити кеш Magento для застосування змін.

    Як перевірити GTM у вашому магазині?

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

    Google Tag Manager Script in Source Code

    Ви також можете перевірити, чи код застосувався у своєму обліковому записі Tag Manager, натиснувши Preview будучи на робочій панелі — Workspace

    Google Tag Manager Workspace

    Потім введіть URL-адресу вашого веб-сайту Magento у спливаючому вікні.

    Google Tag manager Assistant

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

    Coonnect Google Tag Manager

    Все готово. Ви швидко та легко додали Google Tag Manager в Magento 2.

    Тепер GTM підсилить ваші маркетингові зусилля завдяки персоналізованим кампаніям і покращеним коефіцієнтам конверсії.

    Чи може стати ще краще?

    Звичайно. Вам просто потрібно переглянути список найкращих розширень Google Tag Manager для Magento 2, який ми зібрали в одному місці. Ці рішення дозволяють зробити крок далі і відстежувати майже кожну дію, яку користувачі роблять у вашому магазині.

    Розширення в цьому списку відповідають будь-якому бюджету та потребам, оскільки ми зібрали безкоштовні та платні рішення із схожими та відмінними функціями.