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

# Підключення Hotjar (Contentsquare) до вашого сайту


**Hotjar** — це платформа для аналізу поведінки користувачів на сайті, яка входить до екосистеми **Contentsquare** та допомагає зрозуміти те, як відвідувачі взаємодіють з контентом: на які кнопки натискають, як прокручують сторінки, та на яких етапах виникають труднощі. 

Сервіс надає різні інструменти аналізу, наприклад: теплові карти, записи сесій користувачів, опитування та форми зворотного зв'язку.

У цій інструкції ми розповідаємо, як підключити Hotjar до сайту та розпочати збір даних про взаємодію користувачів.

||| ${color}[#f97700](Важливо:) ця функція доступна лише для сайтів із платними підписками.

**Зміст**:
* [Якщо ви новий користувач](#1-yaksho-vi-novij-koristuvach)
* [Якщо у вас є акаунт Hotjar](#1-yaksho-u-vas-ye-akaunt-hotjar)


# Якщо ви новий користувач

1. [Зареєструйтеся](https://app.contentsquare.com/signup) або [увійдіть](https://login.contentsquare.com/one) у ваш обліковий запис **Contentsquare**.

|| ${color}[#ffa800](Примітка:) у рамках безкоштовної підписки акаунт може мати лише один активний Project, іншими словами, сайт для відстеження. Якщо вам потрібно відстежувати декілька сайтів, вам буде потрібно або реєструвати окремі акаунти під кожен з них, або перейти на платну підписку, з якою акаунт може мати до [трьох Projects одночасно](https://support.contentsquare.com/hc/en-us/articles/46668310048401-How-to-create-and-manage-multiple-projects). 

2. У вашому кабінеті перейдіть до розділу **Get started** та скопіюйте тег з секції **Tag installation**: 
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_f3r1fg.png)
3. Далі перейдіть до налаштувань вашого сайту, розділу **Сторонній код**, та вставте раніше скопійований код у секцію **HEAD**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_8im7oo.png)
4. Натисніть **Зберегти** та [опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб застосувати зміни.
ㅤ
5. Готово! Для перевірки підключення ви можете повернутися до **Contentsquare** та натиснути на **Verify installation**:  у вікні, що зʼявиться, вставте посилання на ваш сайт та повторно натисніть на **Verify installation**. 


# Якщо у вас є акаунт Hotjar

|| ${color}[#ffa800](Примітка:) станом на зараз Hotjar є частиною Contentsquare та реєстрація нових користувачів відбувається саме там. Цей варіант підключення підходить лише за умови, що ви маєте активний акаунт Hotjar, створений до злиття цих компаній. 

1. Увійдіть до наявного облікового запису [Hotjar](https://insights.hotjar.com/login).
ㅤ
2. Натисніть на іконку вашого профілю та перейдіть до **Organization settings**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_16voxbg.png)
2. Відкрийте розділ **Sites & Organizations** та натисніть на **New site**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_13e3f5i.png)
3. У вікні, що відкриється, внесіть інформацію про ваш сайт та натисніть **Add site**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_7n3jr6.png)
4. Після створення сайту натисніть на **Install tracking code**, щоб перейти до налаштувань інтеграції:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_m3cyr.png)
3. Виберіть спосіб підключення **Install code manually**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_3bba6e.png)
4. Скопіюйте унікальний **Site ID** у новому вікні:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_1t0rjss.png)
5. Перейдіть на вкладку **Аналітика** налаштувань вашого сайту та натисніть на вкладку **Hotjar**, де вставте отриманий **ID** у відповідне поле:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_ct8ym7.png)
7. Натисніть **Підключити** та [опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб застосувати зміни.
ㅤ
8. Готово! Для перевірки підключення ви можете повернутися до Hotjar та натиснути на **Verify installation** у розділі, де ви раніше скопіювали ID:  у вікні, що зʼявиться, вставте посилання на ваш сайт та повторно натисніть на **Verify installation**.

Вас має перенаправити на сторінку зі списком сайтів в організації. Навпроти сайту, до якого підключається аналітика, відображатиметься зелений індикатор зі статусом **Collecting data**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_xan8x5.png)