> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Налаштування розширеної електронної торгівлі

Розширена електронна комерція (торгівля) дозволяє налаштувати передачу до аналітичних сервісів додаткових даних про замовлення з вашого інтернет-магазину. Наприклад, ви можете отримувати в Google Аналітику інформацію про суму замовлення, назву, кількість товарів тощо. Це дозволить вам детальніше аналізувати ваші продажі для більш ефективного ведення бізнесу.

Дані про замовлення можна передавати в наступні аналітичні сервіси: Google Analytics 4 (нова версія), Google Universal Analytics (стара версія), Google Tag Manager і Facebook Pixel.

|| ${color}[#ffa800](Примітка:) ця функція для просунутих користувачів і вона дозволяє передавати дані в сторонні аналітичні сервіси. Наша команда підтримки може допомогти з налаштуваннями на стороні Weblium, але, крім цієї інструкції, за замовчуванням ми не надаємо додаткову допомогу з налаштувань на стороні аналітичних сервісів (наприклад, GTM тощо).
||| ${color}[#f97700](Важливо:) ця функція доступна лише на підписці Business.

**Зміст:**
1. [Увімкнення передачі даних](/uk/article/nalashtuvannya-rozshirenoyi-elektronnoyi-torgivli-1xeqpsh/#1-uvimknennya-peredachi-danih)
2. [Google Analytics 4 (нова версія)](/uk/article/nalashtuvannya-rozshirenoyi-elektronnoyi-torgivli-1xeqpsh/#1-google-analytics-4)
3. [Google Universal Analytics (стара версія)](/uk/article/nalashtuvannya-rozshirenoyi-elektronnoyi-torgivli-1xeqpsh/#1-google-universal-analytics)
4. [Google Tag Manager](/uk/article/nalashtuvannya-rozshirenoyi-elektronnoyi-torgivli-1xeqpsh/#1-google-tag-manager)
5. [Facebook Pixel](/uk/article/nalashtuvannya-rozshirenoyi-elektronnoyi-torgivli-1xeqpsh/#1-facebook-pixel)

# Увімкнення передачі даних
За замовчуванням дані про розширену електронну торгівлю відправляються до усіх 4 вищезгаданих аналітичних сервісів. Але ми рекомендуємо перевірити, що всі необхідні вам налаштування активні. Для цього перейдіть до налаштувань сайту, у секції **Ваш магазин** відкрийте розділ **Налаштування** і в першій вкладці **Загальні** внизу буде розділ **Аналітика інтернет-магазину**. У цьому розділі у випадному списку ви можете обрати для яких аналітичних сервісів необхідно увімкнути розширену електронну торгівлю, щоб передавати туди дані:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-1_1lcse9m.png)

# Google Analytics 4
### Події для Google Analytics 4
У Google Аналітиці 4 (GA4) отримання та обробка подій з інтернет-магазину відбувається автоматично, тобто розширена електронна торгівля за замовчуванням увімкнена.
| ${color}[#1aa900](Підказка:) переконайтеся, що до вашого сайту підключена Google Аналітика. Ви можете дізнатися, як її підключити в [цій інструкції](https://help.weblium.com/uk/article/pidklyuchennya-google-analitiki-14aozlr/).
|| ${color}[#ffa800](Примітка:) ви можете визначити яка версія Google Аналітики підключена до вашого сайту за коротким ID, який ви додавали в налаштуваннях сайту: якщо він починається з `G-` — це Google Analytics 4 (нова версія), якщо з `UA-` — Google Universal Analytics (стара версія), інструкція з якої [знаходиться нижче](/uk/article/nalashtuvannya-rozshirenoyi-elektronnoyi-torgivli-1xeqpsh/#1-google-universal-analytics).

Нижче наведено список подій, які передаються в GA4, а також за яких умов вони спрацьовують — натисніть назву події, щоб відкрити офіційну документацію Google про неї:
* [add\_shipping\_info](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#add_shipping_info) — користувач надіслав дані про доставку замовлення;
* [add\_to\_cart](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#add_to_cart) — користувач додав товар до кошика;
* [remove\_from\_cart](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#remove_from_cart) — користувач видалив товар з кошика;
* [begin\_checkout](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#begin_checkout) — користувач почав оформлення оплати замовлення;
* [purchase](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#purchase) — користувач придбав один або декілька товарів;
* [view\_cart](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#view_cart) — користувач переглянув свій кошик;
* [view\_item](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#view_item) — користувач переглядає товар;
* [view\_item\_list](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#view_item_list) — користувач переглядає список товарів.

Опісля спрацювання цих подій інформація про них разом з різними параметрами передається до вашої Google Аналітики 4. Ви можете переглянути отримані події в різних розділах Google Аналітики, наприклад, в **Конфігурація — Події**, де відображаються всі отримані події:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-ga_1imfkre.png)

||| ${color}[#f97700](Важливо:) може минути до 24 годин, поки Google Аналітика відобразить отримані події.
| ${color}[#1aa900](Підказка:) ви можете знайти інформацію про роботу з Google Аналітикою в її [довідковому центрі](https://support.google.com/analytics).

# Google Universal Analytics
### Події для Universal Analytics
||| ${color}[#f97700](Важливо:) Google припинить підтримку платформи Universal Analytics 1 липня 2023 року. Тому ми рекомендуємо вже зараз використовувати Google Аналітику 4, що [описана вище](/uk/article/nalashtuvannya-rozshirenoyi-elektronnoyi-torgivli-1xeqpsh/#1-google-analytics-4).
Список подій, які передаються в Universal Analytics, збігається зі списком вище для Google Аналітики 4, але при цьому кількість параметрів, що передаються з подією, є меншою, оскільки Universal Analytics є більш старою версією сервісу. Докладніше про Google Universal Analytics можна дізнатися в [документації за цим посиланням](https://developers.google.com/analytics/devguides/collection/gtagjs/enhanced-ecommerce).

Список подій та умов їх спрацьовування:
* add\_shipping\_info — користувач надіслав дані про доставку замовлення;
* add\_to\_cart — користувач додав товар до кошика;
* remove\_from\_cart — користувач видалив товар із кошика;
* begin\_checkout — користувач почав оформлення оплати замовлення;
* purchase — користувач придбав один або декілька товарів;
* view\_cart — користувач переглянув свій кошик;
* view\_item — користувач переглядає дані про товар;
* view\_item\_list — користувач переглядає список товарів.

| ${color}[#1aa900](Підказка:) переконайтеся, що до вашого сайту підключена Google Аналітика. Ви можете дізнатися, як її підключити в [цій інструкції](https://help.weblium.com/uk/article/pidklyuchennya-google-analitiki-14aozlr/).

### Отримання подій у Google Universal Analytics
За замовчуванням розширена електронна торгівля вимкнена в Google Universal Analytics, тому для отримання пов'язаних з нею подій вам необхідно увімкнути її:
1. Відкрийте вкладку **Адміністратор**, виберіть потрібне **Представлення** у правій колонці та натисніть на розділ **Налаштування електронної комерції**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-ua-1_gfsju8.png)

2. Активуйте наступні 2 перемикачі та натисніть кнопку **Зберегти**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-ua-2_19zbfep.png)

|| ${color}[#ffa800](Примітка:) ви можете знайти офіційну інструкцію від Google щодо активації розширеної електронної торгівлі за [цим посиланням](https://support.google.com/analytics/answer/6032539).

Готово! Тепер ви можете переглядати події, отримані в Google Universal Analytics. Одне з місць, де ви можете переглянути отримані події, є розділ **Конверсії — Електронна комерція — Огляд**. Зверніть увагу, що у правому верхньому куті необхідно обрати потрібну вам дату:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-ua-3_hjjiy5.png)

Також ви можете переглянути події в інших розділах Google Аналітики, наприклад, **Поведінка — Події — Огляд** або **У реальному часі — Події — Події (за останні 30 хв)**.
||| ${color}[#f97700](Важливо:) може пройти до 24 годин, поки Google Аналітика відобразить отримані події в усіх розділах.
| ${color}[#1aa900](Підказка:) ви можете знайти інформацію про роботу з Google Аналітикою в її [навчальному центрі](https://support.google.com/analytics).

# Google Tag Manager
### Події для Google Tag Manager
Для Google Tag Manager (GTM) налаштування отримання подій відбувається вручну — необхідно на боці GTM створити тег із активатором (тригером), який матиме кастомну подію. При цьому імена подій повинні літера в літеру співпадати з тими, що відправляються з нашого боку та вказані нижче.

|| ${color}[#ffa800](Примітка:) переконайтеся, що до вашого сайту підключено GTM. Ви можете дізнатися, як його під'єднати в [цій інструкції](https://help.weblium.com/uk/article/pidklyuchennya-google-tag-manager-k5fxxb/).

Ви можете нижче побачити список подій, які передаються до Google Тег Менеджеру, а також за яких умов вони спрацьовують. Натисніть на назву події, щоб відкрити параметри подій та документацію, на основі якої було зроблено ту чи іншу подію:
* [add\_shipping\_info](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#add_shipping_info) — користувач надіслав дані про доставку замовлення;
* [addToCart](https://developers.google.com/analytics/devguides/collection/ua/gtm/enhanced-ecommerce#add) — користувач додав товар до кошика;
* [removeFromCart](https://developers.google.com/analytics/devguides/collection/ua/gtm/enhanced-ecommerce#remove) — користувач видалив товар із кошика;
* [checkout](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#begin_checkout) — користувач почав оформлення оплати замовлення;
* [purchase](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#purchase) — користувач придбав один або декілька товарів;
* [view\_cart](https://developers.google.com/analytics/devguides/collection/ga4/reference/events#view_cart) — користувач переглянув свій кошик;
* [productClick](https://developers.google.com/analytics/devguides/collection/ua/gtm/enhanced-ecommerce#product-clicks) — користувач переглядає дані про товар;
* [impressions](https://developers.google.com/analytics/devguides/collection/ga4/ecommerce#view_item_list) — користувач переглядає список товарів.


### Налаштування подій у GTM
Для того, щоб Google Tag Manager міг "побачити" події з вашого сайту та зробити потрібну вам дію, необхідно спочатку на боці GTM створити тригер зі спеціальною подією. Для створення тригера зі спеціальною подією та тега з нею дотримуйтесь інструкції нижче:

1. Відкрийте [Google Tag Manager](https://tagmanager.google.com/), перейдіть до вашої робочої області, опісля чого в розділі **Теги** натисніть кнопку **Створити**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-gtm-1_iq8el.png)

2. У нижній частині екрана натисніть на розділ **Активація** (тригер):
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-gtm-2_xwdrgn.png)

3. У правому верхньому кутку натисніть на **плюс**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-gtm-3_3zjwlh.png)
| ${color}[#1aa900](Підказка:) у цьому розділі також зберігаються активатори, які ви вже створювали раніше.

4. Вкажіть будь-яку зручну для вас назву активатора **(1)**, за якою ви будете його впізнавати. Натисніть на поле **Конфігурація активатора (2)**, пролистайте вниз відкрите праворуч меню і натисніть на пункт **Спеціальна подія (3)**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-gtm-4_1bw72y1.png)

5. Вкажіть назву потрібної вам події у полі **Назва події**. Вона має бути точно такою, як одна з описаних вище в розділі "Події для Google Tag Manager". Потім натисніть на кнопку **Зберегти**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-gtm-5_gbfulf.png)

|| ${color}[#ffa800](Примітка:) назви подій чутливі до регістру літер. Тобто велика та маленька літери — це різні символи.

6. Налаштуйте потрібним вам чином **Конфігурацію тега** — те, що відбуватиметься при спрацьовуванні створеного вами активатора. Наприклад, можна надсилати певну подію в Google Аналітику. Натисніть кнопку **Зберегти** після налаштування конфігурації тега:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-gtm-6_1l9365o.png)

7. Натисніть у правому верхньому кутку кнопку **Надіслати**, щоб створений вами тег почав працювати:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-gtm-7_1t8h7zg.png)

Готово! Тепер при спрацюванні відповідного активатора (тригера, тобто певної події) на вашому сайті інформація буде передаватися в Google Tag Manager, а звідти вже в той сервіс, який ви вказали при налаштуванні конфігурації тега.

# Facebook Pixel
Перелік подій для Фейсбук Пікселя (Facebook Analytics) та умов, за яких вони спрацьовують:
* AddShippingInfo — користувач надіслав дані про доставку замовлення;
* AddToCart — користувач додав товар до кошика;
* RemoveFromCart — користувач видалив товар із кошика;
* InitiateCheckout — користувач почав оформлення оплати замовлення;
* Purchase — користувач придбав один або декілька товарів;
* ViewCart — користувач переглянув свій кошик;
* ViewContent — користувач переглядає дані про товар.

||| ${color}[#f97700](Важливо:) переконайтеся, що до вашого сайту підключений Facebook Pixel. Ви можете дізнатися, як його підключити в [цій інструкції](https://help.weblium.com/uk/article/pidklyuchennya-pikselya-facebook-etnpz7/).

Подивитися отримані з інтернет-магазину події ви можете у розділі **Джерела даних** у вкладці **Огляд**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-fb_1h84k3t.png)

| ${color}[#1aa900](Підказка:) ви можете знайти більше інформації про події Facebook Pixel у його [офіційній документації](https://developers.facebook.com/docs/meta-pixel/reference).