> ## 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).

# Використання UTM-міток для збору додаткових даних

UTM-мітки — це простий та ефективний інструмент для аналізу трафіку. Вони дозволяють точно визначати, звідки приходять відвідувачі, і оцінювати ефективність ваших рекламних та маркетингових активностей. У цій статті ми розглянемо, як працюють UTM-мітки та як їх правильно використовувати.

**Зміст:**
* [Що таке UTM-мітки?](#3-sho-take-utm-mitki)
* [Як створювати UTM-мітки?](#3-yak-stvoryuvati-utm-mitki)
* [Приклад використання UTM-міток](#3-priklad-vikoristannya-utm-mitok)
* [Фіксація UTM-міток за допомогою контактних форм](#3-fiksaciya-utm-mitok-za-dopomogoyu-kontaktnih-form)
* [Фіксація UTM-міток за допомогою кошика](#3-fiksaciya-utm-mitok-za-dopomogoyu-koshika)

${youtube}[Як налаштувати UTM-мітку](s8RkxoJnuIw)

### Що таке UTM-мітки?

**UTM-мітки** — це спеціальні параметри, що додаються в URL для відстеження джерел трафіку. Вони дозволяють зрозуміти, з якого рекламного оголошення, розсилки або соцмережі прийшов клієнт.

##### Існуючі параметри UTM:

`utm_source` — джерело трафіку (наприклад, google, facebook, email);
`utm_medium` — тип трафіку (cpc, organic, referral);
`utm_campaign` — назва рекламної кампанії;
`utm_term` — ключове слово (використовується в контекстній рекламі);
`utm_content` — додатковий параметр для розрізнення посилань у межах однієї кампанії.

### Як створювати UTM-мітки?

Зібрати **UTM-мітку** можна вручну або за допомогою генератора UTM-міток, наприклад:
[https://esputnik.com/uk/utm](https://esputnik.com/uk/utm)

##### Приклад створення UTM-посилання вручну

Припустимо, у вас є сайт `https://example.com`, і ви хочете відстежувати трафік з реклами у Facebook. Тоді ваше посилання буде виглядати приблизно наступним чином:
`https://example.com/?utm_source=facebook&utm_medium=cpc&utm_campaign=winter_sale`

##### Пояснення складових UTM-посилання

`?` — використовується для відділення основної адреси сайту від додаткових параметрів (з нього починаються UTM-мітки).
`&` — розділяє кілька параметрів між собою.
`utm_source=facebook` — визначає джерело трафіку (у цьому прикладі це Facebook).
`utm_medium=cpc` — вказує тип трафіку. У цьому прикладі це cpc (Cost Per Click) — рекламне оголошення з оплатою за кожний клік.
`utm_campaign=winter_sale` — назва рекламної кампанії.

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

### Приклад використання UTM-міток

Припустимо, ви запустили рекламну кампанію в **Google Ads** і **Facebook**. До кожного посилання ви додаєте **UTM-мітки**.

Реклама в Google Ads:
`https://example.com/?utm_source=google&utm_medium=cpc&utm_campaign=winter_sale`

Реклама у Facebook:
`https://example.com/?utm_source=facebook&utm_medium=cpc&utm_campaign=winter_sale`

Після запуску кампанії дані про переходи можна відстежувати у [Google Analytics](/uk/article/pidklyuchennya-google-analitiki-14aozlr/) чи інших аналітичних сервісах, де буде видно, яке джерело трафіку залучило більше користувачів.

### Фіксація UTM-міток за допомогою контактних форм

##### Перетворення видимого поля в приховане

1. Для того, щоб додати приховане поле в контактну форму, спершу наведіть курсор на саму форму у редакторі та натисніть іконку "шестерні":

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/utmmitki1_w4ukvz.png)

2. У вікні налаштувань форми натисніть на кнопку "Додати поле" і виберіть поле Короткий текст:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/utmmitki2_1a4ol2.png)

3. У налаштуваннях доданого поля натисніть на перемикач "Приховане поле":

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/utmmitki3_ohto9e.png)

4. Перейменуйте поле так, щоб його було потім легше ідентифікувати:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/utmmitki4_14rcqdm.png)

5. У полі "Встановіть значення з URL параметра" введіть UTM-мітку, значення якої потрібно передати при відправленні форми:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/utmmitki5_1h2yk8.png)

|| ${color}[#ffa800](Примітка:)  Значення UTM-мітки буде передаватися тільки в тому випадку, якщо користувач зайшов на сторінку через URL, в якому була вказана відповідна UTM-мітка (наприклад, мітка utm_campaign буде працювати для тих користувачів, котрі зайшли на сайт через посилання http://example.weblium.site/?utm_campaign=summer_sale_2025, оскільки дане посилання містить відповідну мітку utm_campaign з правильним значенням). Одне приховане поле може передавати тільки одну ютм мітку.
| ${color}[#1aa900](Підказка:)  Для передачі більш ніж однієї мітки слід створити нові приховані поля. 
||| ${color}[#f97700](Важливо:)  Також необхідно вводити лише параметр без значення (лише utm_campaign, а не utm_campaign=summer_sale_2025).

6. Переконайтеся, що форма підключена до однієї з наявних інтеграцій:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/utmmitki6_wgwwhw.png)

7. [Опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб зміни набрати чинності.

### Фіксація UTM-міток за допомогою кошика

Станом на зараз, кошик інтернет-магазину фіксує та передає у підключені [інтеграції](https://help.weblium.com/uk/category/integraciyi-h5i75c/) (месенджери, вебхуки, CRM-системи тощо) UTM-мітки автоматично, додаткових налаштувань з вашого боку цей процес не потребує.

|| ${color}[#ffa800](Примітка:) кошик буде фіксувати ті мітки, які присутні у посиланні під час оформлення замовлення.