Shopify: як налаштувати тег Google

Ви можете вимірювати дані про поведінку на сайті за допомогою Google Ads і Google Analytics.

Перш ніж почати

Ви можете безкоштовно інтегрувати свій обліковий запис Shopify із Google Ads або Google Analytics. Для цього потрібно мати дійсний обліковий запис Google, фрагмент коду JavaScript, який надає Google, і активний обліковий запис Shopify.

Вказівки з налаштування тегу Google для Shopify відрізняються для ідентифікаторів тегів, які починаються з "AW-" (зазвичай це облікові записи Google Ads) і ідентифікаторів тегів, які починаються з "G-" (зазвичай це ресурси Google Analytics).

Якщо тег починається з "AW-"

Найлегший і найшвидший спосіб налаштувати ваш тег Google через Google Ads – це налаштувати відстеження конверсій за допомогою додатка Google & YouTube у Shopify.

Якщо ви не хочете використовувати додаток Google & YouTube у Shopify, можна налаштувати тег Google вручну. Рекомендуємо використовувати цей спосіб лише досвідченим користувачам, оскільки через його складність підвищується ймовірність створення копій подій-конверсій, а це може призвести до неточного відстеження даних.

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

1. Як додати тег Google вручну

Увійдіть в обліковий запис Google Ads.
Угорі праворуч натисніть значок гайкового ключа й у розділі "Налаштування" виберіть Тег Google.
Перейдіть на вкладку "Конфігурація".
У розділі "Ваш тег Google" натисніть Вказівки зі встановлення.
На сторінці "Вказівки зі встановлення" виберіть "Установити вручну".
У Shopify відкрийте розділ Online Store (Онлайн-магазин) > на панелі ліворуч натисніть Themes (Теми) і виберіть кнопку з трьома крапками для активної теми > натисніть спадне меню Edit Code (Змінити код).
У розділі Layout (Макет) відкрийте файл {/}theme.liquid.
Перевірте, чи є в цьому файлі теги відстеження Google. Якщо на цій сторінці є код, схожий на наведений нижче блок, імовірно, продукти Google уже встановлено. Перевірте, чи їх потрібно замінити.
Щоб зв’язати веб-сайт із Google Ads, скопіюйте й вставте наведений нижче код тегу Google. Після елемента <head> вставте наведений нижче код, починаючи з  і закінчуючи </script>.
Натисніть кнопку Зберегти, щоб завершити.

<!-- Google tag (gtag.js) -->

    <script async src="https://www.googletagmanager.com/gtag/js?id=Tag_ID"></script>

    <script>

     window.dataLayer = window.dataLayer || [];

     function gtag(){dataLayer.push(arguments);}

     gtag('js', new Date());

     gtag('config', 'Tag_ID');

    </script>

Примітка. На кожну сторінку веб-сайту можна додати лише один тег Google.

2. Як переглядати дії-конверсії в Google Ads

Налаштувавши обліковий запис, ви зможете переглядати дані, зібрані на основі конверсій, вносити зміни як адміністратор і оновлювати цілі конверсій. Нижче наведено інформацію про можливості Google Ads.

Увійдіть в обліковий запис Google Ads.
Угорі праворуч на сторінці облікового запису натисніть значок , а потім у спадному меню виберіть "Вимірювання".
Натисніть "Конверсії".

Важлива інформація про дії-конверсії

У Google Ads можна змінювати назви й налаштування дій-конверсій.
Налаштування цілей конверсій за умовчанням на рівні облікового запису ввімкнено лише для типу конверсій "Покупка". Ви можете вибирати дії-конверсії, які потрібно включити в стовпець "Конверсії".
Період урахування конверсії становить 90 днів.

Докладніше про дані відстеження конверсій

3. Як перевірити налаштування відстеження конверсій і вирішити проблеми з ним

За допомогою розширення Tag Assistant можна перевіряти теги, установлені через Менеджер тегів Google для Google Ads, а також вирішувати проблеми з ними. Щоб перевірити налаштування відстеження конверсій, виконайте наведені нижче дії. Розширення Tag Assistant дає змогу вирішувати проблеми лише з конверсіями зі статусом "Не перевірено" або "Тег неактивний". Докладніше про статуси відстеження.

Увійдіть в обліковий запис Google Ads.
Угорі праворуч натисніть значок і в розділі "Вимірювання" виберіть "Конверсії".
У таблиці "Підсумок" перевірте, чи є конверсії зі статусом "Не перевірено" або "Тег неактивний" у відповідному стовпці.
У стовпці "Дії" натисніть Вирішення проблем.
Натисніть Почати, щоб відкрити Tag Assistant у новому вікні.
Введіть URL-адресу веб-сторінки, на якій потрібно вирішити проблему.
- Це має бути URL-адреса цільової чи головної сторінки, а не сторінки конверсії. Відкривши цільову сторінку, ви зможете перейти на сторінку конверсії.
Натисніть Connect (Підключити), щоб відкрити її в новій вкладці веб-переглядача.
- Таблиця "Підсумок" і вікно Tag Assistant залишатимуться відкритими. Не закривайте ці вкладки. Щоб перевірити налаштування для конверсії "Відстеження надсилання форми", надішліть тестову форму на підключеному до Tag Assistant сайті. Перейдіть на вкладку для попереднього перегляду й перевірте, чи правильно активуються розміщені теги.
Оновіть сторінку "Конверсії" в обліковому записі Google Ads. Протягом хвилини статус відстеження зміниться на "Нещодавні конверсії відсутні".
Після перевірки статусу активації тегів у вікні попереднього перегляду поверніться до веб-сторінки, на якій ви тестували дію-конверсію, і натисніть Finish (Завершити).

Коли ви протестуєте відстеження конверсій за допомогою Google Tag Assistant, зачекайте принаймні 24 години, перш ніж перевіряти дані в розділі "Дія-конверсія" в Google Ads (ваші рекламні кампанії мають бути активні).

Про статуси відстеження

Хоча розширення Tag Assistant дає змогу вирішувати проблеми лише з конверсіями зі статусом "Не перевірено" або "Тег неактивний", у Google Ads також відображаються інші статуси конверсій. Докладніше про вирішення проблем зі статусом відстеження конверсій.

Якщо тег починається з "G-"

Найпростіший і найшвидший спосіб налаштувати відстеження в Google Analytics – скористатися додатком Google & YouTube. Зверніть увагу, що така інтеграція є вбудованою функцією Shopify. Щоб налаштувати відстеження в Google Analytics за допомогою Shopify:

Увійдіть у свій обліковий запис Shopify.
На панелі меню ліворуч відкрийте спадне меню Online store (Онлайн-магазин) і виберіть Preferences (Налаштування) зі списку.
Перейдіть у розділ "Google Analytics account" (Обліковий запис Google Analytics). Натисніть Manage pixel here (Керувати пікселем).
1. Якщо ви ще не встановили додаток Shopify, перегляньте список потрібних дозволів і внизу натисніть Add sales channel (Додати канал продажів).
2. Якщо додаток не зв’язано з обліковим записом Google, натисніть Connect (Підключити), а потім виберіть обліковий запис Google власника ресурсу Analytics.
У спадному списку виберіть ідентифікатор тегу Google і натисніть Connect your Google Analytics 4 property (Зв’язати ресурс Google Analytics 4).

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

Як додати тег Google вручну

Якщо ви не хочете використовувати додаток Google & YouTube у Shopify, то можете налаштувати відстеження в Google Analytics вручну. Рекомендуємо використовувати цей спосіб лише досвідченим користувачам, оскільки через його складність підвищується ймовірність помилок, а це може призвести до неточного відстеження даних.

Щоб налаштувати відстеження в Google Analytics вручну:

У Google Analytics перейдіть на сторінку "Адміністратор".
На вкладці "Потоки даних" натисніть потік, щоб переглянути інформацію.
На екрані мають з’явитися налаштування Google Analytics і тегу Google.
Унизу в розділі "Ваш тег Google" натисніть Вказівки зі встановлення.
На сторінці "Вказівки зі встановлення" виберіть "Установити вручну".
У Shopify відкрийте розділ Online Store (Онлайн-магазин) > на панелі ліворуч натисніть Themes (Теми) і виберіть кнопку з трьома крапками для активної теми > натисніть спадне меню Edit Code (Змінити код).
У розділі Layout (Макет) відкрийте файл {/}theme.liquid.
Перевірте, чи є в цьому файлі теги відстеження Google. Якщо на цій сторінці є код, схожий на наведений нижче блок, імовірно, продукти Google уже встановлено. Перевірте, чи їх потрібно замінити.
Щоб зв’язати веб-сайт із Google Ads, скопіюйте й вставте наведений нижче код тегу Google. Після елемента <head> вставте наведений нижче код, починаючи з  і закінчуючи </script>. Натисніть Зберегти, щоб завершити налаштування.

<script async src="https://www.googletagmanager.com/gtag/js?id=Tag_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'Tag_ID');
</script>

Чи корисна ця інформація?

Як можна її покращити?