Налаштування електронної комерції

Ця інструкція допоможе налаштувати передачу подій електронної комерції з магазину Shopcore у Google Analytics 4 через Google Tag Manager. Після цього покупку можна буде бачити в аналітиці та використовувати як конверсію для рекламних кампаній Google Ads.

Важливо!: перед початком налаштування у вас уже має бути налаштований Google Merchant Center!, а товари магазину мають бути завантажені у Merchant Center. Без цього реклама товарів працюватиме неповноцінно: події покупок можна буде збирати, але товарна реклама не матиме нормальної бази товарів.

Інструкція з налаштування Merchant Center: Налаштування Google Merchant Center у Shopcore .

Суть процесу

Shopcore передає дані про оформлене замовлення у dataLayer. Google Tag Manager ловить подію purchase, передає її у Google Analytics 4, а вже з GA4 цю подію можна використовувати для аналітики та реклами.

Загальна схема така:

1. Встановити Google Tag Manager на сайт.
2. Створити Google Analytics 4 і підключити її через Google Tag Manager.
3. Створити подію покупки purchase у Google Tag Manager.
4. Перевірити, що подія електронної комерції приходить у Google Analytics 4.

Крок 1. Встановити Google Tag Manager на сайт

Спочатку потрібно створити контейнер Google Tag Manager.

1. Перейдіть на сайт Google Tag Manager.
2. Увійдіть у свій Google-акаунт.
3. Створіть новий акаунт або виберіть уже існуючий.
4. Створіть контейнер для вашого сайту.
5. У типі платформи виберіть Web.
6. Після створення контейнера Google покаже вам його ідентифікатор у форматі GTM-XXXXXXX.

Далі цей ідентифікатор потрібно додати у Shopcore.

1. Увійдіть в адмін-панель вашого магазину Shopcore.
2. Перейдіть у розділ Сторінки.
3. Відкрийте налаштування Шапки сайту.
4. Знайдіть поле GTM-контейнер.
5. Вставте туди ідентифікатор контейнера, наприклад GTM-XXXXXXX.
6. Збережіть зміни.

Після збереження Shopcore автоматично додасть код Google Tag Manager на сайт. Окремо вручну вставляти повний JavaScript-код GTM у шаблон сайту не потрібно.

Як перевірити, що GTM встановлений

1. Відкрийте сайт магазину в браузері.
2. Натисніть правою кнопкою миші та виберіть Переглянути код сторінки.
3. Знайдіть на сторінці ваш ідентифікатор GTM-XXXXXXX.

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

Крок 2. Створити Google Analytics 4

Тепер потрібно створити ресурс Google Analytics 4, куди будуть передаватися дані про відвідувачів і покупки.

1. Перейдіть на сайт Google Analytics.
2. Створіть новий акаунт або виберіть існуючий.
3. Створіть новий ресурс Google Analytics 4.
4. Додайте веб-потік даних для вашого домену.
5. Скопіюйте ідентифікатор показника у форматі G-XXXXXXXXXX.

Цей ідентифікатор потрібно буде використати в Google Tag Manager.

Крок 3. Додати GA4 тег у Google Tag Manager

Щоб Google Analytics почала отримувати дані з сайту, потрібно додати базовий тег Google у Google Tag Manager.

1. Відкрийте ваш контейнер у Google Tag Manager.
2. Перейдіть у розділ Tags / Теги.
3. Натисніть New / Новий.
4. Виберіть тип тегу Google Tag.
5. У поле ідентифікатора вставте ваш GA4 ID, наприклад G-XXXXXXXXXX.
6. У тригерах виберіть All Pages / Усі сторінки.
7. Збережіть тег.

Цей тег буде завантажувати Google Analytics 4 на всіх сторінках сайту.

 

Крок 4. Створити подію покупки purchase

Shopcore передає інформацію про оформлене замовлення у dataLayer з подією purchase. Щоб Google Analytics отримала цю подію, потрібно створити окремий GA4 event tag у Google Tag Manager.

1. У Google Tag Manager перейдіть у розділ Tags / Теги.
2. Натисніть New / Новий.
3. Виберіть тип тегу Google Analytics: GA4 Event.
4. У полі конфігурації виберіть ваш Google Tag або GA4-конфігурацію.
5. У полі Event Name / Назва події вкажіть purchase.
6. Відкрийте блок More settings / Інші налаштування.
7. Увімкніть параметр Send Ecommerce data / Відправити дані про електронну комерцію.
8. У полі джерела даних виберіть Data Layer.

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

Крок 5. Створити тригер “Оформлення замовлення”

1. У налаштуваннях тегу відкрийте блок Triggering / Тригери.
2. Натисніть +, щоб створити новий тригер.
3. Виберіть тип тригера Custom Event / Спеціальна подія.
4. У полі назви події вкажіть purchase.
5. Назвіть тригер, наприклад Оформлення замовлення.
6. Збережіть тригер.
7. Поверніться до тегу GA4 Event і переконайтесь, що цей тригер вибраний для запуску тегу.
8. Збережіть тег.

У результаті має бути окремий тег GA4 Event з назвою події purchase і тригером спеціальної події purchase.

Крок 6. Опублікувати зміни в Google Tag Manager

Після створення тегів і тригерів зміни ще не працюють на сайті, поки ви їх не опублікуєте.

1. У Google Tag Manager натисніть Submit / Надіслати.
2. Додайте короткий опис змін, наприклад GA4 ecommerce purchase event.
3. Натисніть Publish / Опублікувати.

Тільки після публікації нові теги почнуть працювати на сайті.

Крок 7. Перевірити подію в Google Analytics 4

Тепер потрібно перевірити, чи Google Analytics отримує подію покупки.

1. Відкрийте сайт магазину.
2. Оформіть тестове замовлення.
3. Перейдіть у Google Analytics 4.
4. Відкрийте розділ Reports / Звіти або Realtime / У реальному часі.
5. Перевірте, чи зʼявилася подія purchase.

Також можна використовувати режим попереднього перегляду в Google Tag Manager:

1. У Google Tag Manager натисніть Preview.
2. Вкажіть адресу вашого сайту.
3. Оформіть тестове замовлення.
4. Перевірте, чи спрацював тег GA4 Event з подією purchase.

Крок 8. Створити або вибрати Google Ads акаунт

Щоб використовувати подію purchase для реклами, потрібен акаунт Google Ads. Якщо акаунт уже існує, можна використовувати його. Якщо ні — його потрібно створити.

1. Перейдіть у Google Ads.
2. Увійдіть у той самий Google-акаунт або в акаунт, який має доступ до Google Analytics і Merchant Center.
3. Створіть новий Google Ads акаунт або виберіть існуючий.
4. Перевірте країну, валюту та часовий пояс акаунта.

Важливо: валюту та часовий пояс Google Ads зазвичай не можна просто змінити після створення акаунта. Тому тут краще не тикати “далі-далі-далі”, як у піратському інсталяторі 2007 року.

Крок 9. Звʼязати Google Analytics 4 і Google Ads

Тепер потрібно звʼязати Google Analytics 4 з Google Ads. Це дозволить передавати події та конверсії з GA4 у рекламний акаунт.

1. Відкрийте ваш ресурс Google Analytics 4.
2. Перейдіть у розділ Admin / Адміністратор.
3. Знайдіть блок Product links / Звʼязки з продуктами.
4. Виберіть Google Ads Links / Звʼязки Google Ads.
5. Натисніть Link / Звʼязати.
6. Виберіть потрібний Google Ads акаунт.
7. Підтвердіть звʼязування.

Після цього GA4 і Google Ads будуть повʼязані між собою. Іноді дані та події можуть зʼявитися в Google Ads не миттєво, а з невеликою затримкою.

Крок 10. Імпортувати purchase з GA4 у Google Ads як конверсію

Коли подія purchase уже приходить у Google Analytics 4, її потрібно додати в Google Ads як конверсію. Саме ця конверсія буде показувати Google Ads, що реклама привела не просто клік, а реальне оформлення замовлення.

1. Відкрийте Google Ads.
2. Перейдіть у розділ Goals / Цілі.
3. Відкрийте Conversions / Конверсії.
4. Натисніть Create conversion action / Створити дію-конверсію.
5. Виберіть джерело Google Analytics.
6. Виберіть ваш ресурс Google Analytics 4.
7. Знайдіть подію purchase.
8. Виберіть її та збережіть як конверсію.

Якщо події purchase немає у списку, перевірте:

1. чи звʼязаний GA4 з Google Ads;
2. чи подія purchase реально приходить у GA4 після тестового замовлення;
3. чи подія позначена в GA4 як важлива подія або конверсія, якщо цього вимагає поточний інтерфейс Google;
4. чи пройшло достатньо часу після першого спрацювання події.

У налаштуваннях конверсії в Google Ads бажано перевірити, що подія purchase використовується як основна конверсія. Для інтернет-магазину це зазвичай головна ціль рекламної кампанії.

Крок 11. Звʼязати Google Ads з Merchant Center

Для товарної реклами Google Ads має бачити товари з Google Merchant Center. Тому потрібно звʼязати Google Ads акаунт із Merchant Center.

Важливо: перед цим Google Merchant Center уже має бути налаштований, а товари з Shopcore мають бути завантажені у Merchant Center. Якщо цього ще не зроблено, спочатку виконайте інструкцію: Налаштування Google Merchant Center у Shopcore .

1. Відкрийте Google Ads.
2. Перейдіть у розділ Tools / Інструменти.
3. Відкрийте Data Manager / Менеджер даних.
4. Знайдіть блок Google Merchant Center.
5. Виберіть варіант звʼязування Merchant Center з Google Ads.
6. Підтвердіть звʼязування акаунтів.

Також звʼязування може ініціюватися з боку Merchant Center. У такому випадку в Google Ads потрібно буде підтвердити запит на звʼязування.

Крок 12. Створити товарну рекламну кампанію

Коли Google Ads звʼязаний із Merchant Center, можна створити товарну рекламу. У такій кампанії Google бере товари з Merchant Center і показує їх у рекламних місцях Google.

1. Відкрийте Google Ads.
2. Натисніть New campaign / Нова кампанія.
3. Виберіть ціль кампанії, наприклад Sales / Продажі.
4. Виберіть тип кампанії для товарної реклами, наприклад Shopping або Performance Max.
5. Виберіть Merchant Center акаунт, у якому знаходяться товари магазину.
6. Виберіть країну продажу.
7. Налаштуйте бюджет кампанії.
8. Налаштуйте стратегію ставок.
9. Виберіть товари або групи товарів, які потрібно рекламувати.
10. Перевірте налаштування та запустіть кампанію.

Якщо Merchant Center не зʼявляється при створенні кампанії, найчастіше причина одна з трьох:

1. Google Ads ще не звʼязаний із Merchant Center.
2. У Merchant Center немає активних або схвалених товарів.
3. Товари не підходять для вибраної країни продажу або мають помилки у фіді.

Тому перед запуском реклами обовʼязково перевірте Merchant Center: товари мають бути завантажені, оброблені та без критичних помилок.

Що має бути в результаті

Після повного налаштування має працювати така схема:

1. Shopcore передає подію purchase у dataLayer після оформлення замовлення.
2. Google Tag Manager ловить подію purchase.
3. Google Analytics 4 отримує ecommerce-подію покупки.
4. GA4 звʼязаний із Google Ads.
5. Подія purchase імпортована в Google Ads як конверсія.
6. Google Ads звʼязаний із Merchant Center.
7. Merchant Center передає товари для товарної реклами.
8. Google Ads може запускати рекламу товарів і оптимізувати її під покупки.

Типові помилки при звʼязуванні Google Ads, GA4 і Merchant Center

Подія purchase є в GA4, але не зʼявляється в Google Ads

Перевірте, чи звʼязані GA4 і Google Ads, чи вибраний правильний ресурс GA4, і чи подія purchase уже хоча б раз реально спрацювала. Також врахуйте, що Google може показати подію в Google Ads не одразу.

Конверсія створена, але реклама її не використовує

Перевірте налаштування конверсії в Google Ads. Подія purchase має бути основною конверсією, якщо саме покупки є головною ціллю реклами.

Merchant Center не видно в Google Ads

Перевірте, чи звʼязані акаунти Google Ads і Merchant Center. Якщо звʼязування ініційоване з Merchant Center, можливо, у Google Ads ще потрібно підтвердити запит.

Товари не можна вибрати для реклами

Перевірте Merchant Center. Товари мають бути завантажені, схвалені та доступні для відповідної країни продажу. Якщо товари мають помилки у фіді, Google Ads може не дозволити використовувати їх у кампанії.

Що має бути в результаті

Після правильного налаштування у вас має працювати така схема:

1. Користувач заходить на сайт.
2. Google Tag Manager завантажується на всіх сторінках.
3. Google Analytics 4 отримує базові дані про відвідування.
4. Після оформлення замовлення Shopcore відправляє подію purchase у dataLayer.
5. Google Tag Manager ловить подію purchase.
6. GA4 отримує подію покупки разом із даними електронної комерції.
7. Google Ads може використовувати цю подію як конверсію для реклами.

Типові помилки

GTM-код не зʼявився на сайті

Перевірте, чи правильно вставлений ідентифікатор контейнера у полі GTM-контейнер в налаштуваннях шапки сайту. Ідентифікатор має бути у форматі GTM-XXXXXXX.

GA4 не бачить відвідування сайту

Перевірте, чи створений базовий тег Google Tag і чи стоїть у нього тригер All Pages. Без цього Google Analytics не буде отримувати базові перегляди сторінок.

Подія purchase не зʼявляється в Analytics

Перевірте три речі:

1. Чи створений GA4 Event тег з назвою події purchase.
2. Чи створений Custom Event тригер з назвою події purchase.
3. Чи увімкнена передача ecommerce-даних із джерелом Data Layer.

Тег працює в Preview, але не працює на сайті

Найчастіше причина проста: зміни в Google Tag Manager не були опубліковані. Після налаштування тегів обовʼязково натисніть Submit і Publish.

Підсумок

Для повноцінної реклами електронної комерції потрібно налаштувати три основні речі:

1. Merchant Center із завантаженими товарами.
2. Google Tag Manager, встановлений на сайт Shopcore.
3. Google Analytics 4 з подією покупки purchase.

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