> For the complete documentation index, see [llms.txt](https://docs.jedidesk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jedidesk.com/integraciyi/integraciya-z-google-tag-manager.md).

# Інтеграція з Google Tag Manager

Покрокова інструкція з інтеграції Google Tag Manager з віджетом #jedidesk

Навігація:

1. [Створення облікового запису в Google Tag Manager](#id-1.-stvorennya-oblikovogo-zapisu-v-google-tag-manager)
2. [Інтеграція #jedidesk з Google Tag Manager](#id-2.-integraciya-jedidesk-z-google-tag-manager)

#### 1. Створення облікового запису в Google Tag Manager

Якщо у вас немає облікового запису в GTM, зареєструйтеся згідно [інструкції від Google](https://support.google.com/tagmanager/answer/6103696?hl=uk\&sjid=15006238655126293874-EU#zippy=%2C%D0%BA%D0%B0%D0%BA-%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D1%82%D1%8C-%D0%B4%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BD%D1%82%D0%B5%D0%B9%D0%BD%D0%B5%D1%80%D1%8B-%D0%B2-%D0%B0%D0%BA%D0%BA%D0%B0%D1%83%D0%BD%D1%82):

1. У [**Менеджері тегів**](https://tagmanager.google.com/) перейдіть на вкладку **Облікові записи** -> **Створити обліковий запис**.
2. Введіть **назву облікового запису** *(назва вашої компанії*) й виберіть для нього країну.
3. Введіть описову **назву контейнера** та виберіть його тип (наприклад, *Веб-сайт*):

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FV5J4SgZZQ6UfwEr49S8m%2FUA_GTM_01.png?alt=media&amp;token=8db6df03-bbbb-4888-8d9b-ae239a0b5417" alt=""><figcaption></figcaption></figure>

4. Щоб створити контейнер, натисніть <mark style="background-color:blue;">**Створити**</mark>.
5. Поставте галочку та прийміть Умови використання, натиснувши <mark style="background-color:blue;">**Так**</mark>:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FoiSu0B8RspgJVJ6xxOyq%2FUA_GTM_02.png?alt=media&amp;token=0284a6c2-c396-48e8-9a00-56257a5dc11a" alt=""><figcaption></figcaption></figure>

***

Під час першого завантаження нового контейнера відобразиться діалогове вікно залежно від його типу:

* **Веб- і AMP** - Ви отримаєте фрагмент коду встановлення для свого веб-сайту.
* **iOS і Android** - Ви отримаєте посилання на документацію для розробників.
* **Сервер** - Ви можете налаштувати сервер автоматично або вручну.

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FTOguINNuwYfvkwIKioik%2FUA_GTM_03.png?alt=media&amp;token=b71e4fa2-44ea-41fb-95dc-760ec18931e6" alt=""><figcaption></figcaption></figure>

Ви можете встановити контейнер зараз або очистити діалогове вікно, натиснувши **OK**, і продовжити [встановлення](https://support.google.com/tagmanager/answer/6103696?hl=uk\&sjid=15006238655126293874-EU#install) пізніше.

Якщо ви хочете збирати показники з кількох джерел, наприклад із веб-сайту та додатка, створіть для кожної платформи додаткові контейнери.

***

#### 2. Інтеграція #jedidesk з Google Tag Manager

1. На сервісі **#jedidesk** у вкладці **Налаштування -> Інтеграції ->** [**Налаштування віджета**](https://app.jedidesk.com/settings-widget) скопіюйте згенерований код.
2. Авторизуйтеся в [**Google Tag Manager**](https://tagmanager.google.com/), відкрийте вкаду **Теги** та натисніть <mark style="background-color:blue;">**Створити**</mark>:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2Fwyx1NTsQX2MarwdBPIE5%2FUA_GTM_04.png?alt=media&amp;token=77416447-6cd1-4a6a-9ab6-56831673ff60" alt=""><figcaption></figcaption></figure>

3. Дайте ім’я для свого тегу (наприклад, назва вашого сайту).
4. Натисність на блок **Конфігурація тегу -> Користувацький HTML-тег** зі списку тегів з правого боку:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2Fdie8Cmh81bERB3iAcpy7%2FUA_GTM_05.png?alt=media&amp;token=80211f2e-0ea0-43fa-b76d-1e06f958f068" alt=""><figcaption></figcaption></figure>

4. Вставте[ скопійований код віджета #jedidesk](/vidzhet/yak-stvoriti-chat-jedidesk.md) у поле **HTML**.
5. В блоці **Тригери** виберіть **All Pages** (Усі сторінки) та натисніть <mark style="background-color:blue;">**Зберегти**</mark>:

<figure><img src="https://4292724302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXkehX3Ue2D5LVuBJjMnb%2Fuploads%2FHk3Uz4XrKZks6UWwR3or%2FUA_GTM_06.png?alt=media&amp;token=228e5204-81bc-4b8a-87d5-3c37a02a1a97" alt=""><figcaption></figcaption></figure>

6. Щоб завершити установку тега, натисніть кнопки <mark style="background-color:blue;">**Надіслати**</mark>**&#x20;->** <mark style="background-color:blue;">**Опублікувати**</mark> у верхньому правому куті сторінки.&#x20;
7. Перевірте введені дані та повторно натисніть <mark style="background-color:blue;">**Опублікувати**</mark>.