> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Microsoft Clarity: записи сессий и тепловые карты

> Подключите Microsoft Clarity к лендингам в LanderLab, чтобы записывать сессии посетителей и смотреть тепловые карты кликов и прокрутки.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/6p5E_h-1a6k3u1JY/images/LL-Clarity.png?fit=max&auto=format&n=6p5E_h-1a6k3u1JY&q=85&s=ba999c1cd6907f2a3d4c66cad2e8ca18" alt="Логотипы LanderLab и Microsoft Clarity рядом — интеграция с Clarity" width="1200" height="600" data-path="images/LL-Clarity.png" />
</Frame>

Добавьте Microsoft Clarity на свои лендинги в LanderLab, чтобы записывать реальные сессии посетителей, смотреть тепловые карты кликов и прокрутки и находить места, где люди «застревают» до конверсии.

## Что такое Microsoft Clarity?

Microsoft Clarity — бесплатный инструмент для анализа поведения. Он записывает сессии посетителей и превращает их в тепловые карты и записи сессий (session replay), чтобы вы могли увидеть, как реальные люди прокручивают страницу, кликают и перемещаются по лендингу.

Если Google Analytics показывает, **что** произошло, то Clarity показывает, **почему** это произошло. Вы можете заметить мёртвые клики (dead clicks), яростные клики (rage clicks) и точки отвала на конкретном шаге воронки.

LanderLab берёт установку скрипта Clarity на себя. Вам не нужно вставлять код отслеживания на страницу — достаточно ввести Project ID, и LanderLab добавит скрипт при публикации.

<Note>
  После добавления интеграции Microsoft Clarity она сохраняется **глобально** в вашем аккаунте. Один и тот же аккаунт можно подключить к любому числу лендингов, не вводя данные повторно.
</Note>

## Как добавить Microsoft Clarity

<Steps>
  <Step title="Откройте свой лендинг">
    Перейдите в **Landing Pages** и нажмите на **название лендинга**, на котором хотите отслеживать поведение посетителей.
  </Step>

  <Step title="Откройте панель интеграций">
    Нажмите **Add Integration**, затем найдите **Clarity** через строку поиска или откройте категорию **Tracking** слева.
  </Step>

  <Step title="Добавьте аккаунт Clarity">
    Нажмите **Microsoft Clarity**, затем **Add another account**, если у вас уже есть сохранённый аккаунт. Появится короткая форма настройки.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/jONgRNq0MGCYtFrd/images/add-clarity.png?fit=max&auto=format&n=jONgRNq0MGCYtFrd&q=85&s=ac89597902a4df18e1c3c37290d67cd9" alt="Форма настройки Microsoft Clarity в LanderLab с полями Name и Project ID" width="1197" height="862" data-path="images/add-clarity.png" />
    </Frame>
  </Step>

  <Step title="Заполните два поля">
    | Поле | Описание |
    | :- | :- |
    | **Name** | Название для этого аккаунта (например, «Microsoft Clarity» или «Clarity - Solar Funnel»). Удобно, если вы сохраняете несколько аккаунтов. |
    | **Project ID** | ID вашего проекта Clarity — короткая буквенно-цифровая строка, например `abcdef1234`. Находится в настройках проекта Clarity. |
  </Step>

  <Step title="Нажмите Add Microsoft Clarity">
    Нажмите **Add Microsoft Clarity**, чтобы сохранить аккаунт. Он хранится глобально, поэтому его можно использовать на любом другом лендинге.
  </Step>

  <Step title="Подключите его к странице">
    Нажмите **Connect to page**, выберите в **Apply to variants**, на каких вариантах должен работать скрипт, и подтвердите кнопкой **Connect to page**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/uL31bP77dl4bZTVy/images/image-37.png?fit=max&auto=format&n=uL31bP77dl4bZTVy&q=85&s=596b6a433bbb6d5714d8951b34caaa78" alt="Окно Connect to page с селектором Apply to variants, установленным на All variants" width="587" height="273" data-path="images/image-37.png" />
    </Frame>

    <Note>
      По умолчанию выбрано **All variants**. Оставьте его, если хотите получать одни и те же данные Clarity по всему A/B-тесту, или выберите один вариант, чтобы изучить отдельный дизайн.
    </Note>
  </Step>

  <Step title="Опубликуйте страницу">
    Нажмите **Publish** или **Republish**. Скрипт Clarity работает только на опубликованной странице, поэтому записи начнутся после публикации.
  </Step>
</Steps>

## Подключение Microsoft Clarity к другому лендингу

Поскольку аккаунты Clarity сохраняются глобально, вводить Project ID дважды не нужно.

<Steps>
  <Step title="Откройте другой лендинг">
    Перейдите в **Landing Pages** и откройте страницу, которую хотите отслеживать.
  </Step>

  <Step title="Выберите сохранённый аккаунт">
    Нажмите **Add Integration**, найдите **Clarity** — вы увидите сохранённый аккаунт со своим Project ID. Нажмите **Connect to page** рядом с ним.
  </Step>

  <Step title="Выберите варианты и опубликуйте">
    Выберите варианты в **Apply to variants**, подтвердите, затем нажмите **Publish** или **Republish**.
  </Step>
</Steps>

## Где найти Project ID в Clarity

1. Войдите на [clarity.microsoft.com](https://clarity.microsoft.com).
2. Откройте нужный проект или нажмите **New project**, чтобы создать новый.
3. Откройте **Settings**, затем **Overview** или **Setup**.
4. Скопируйте **Project ID** — короткий буквенно-цифровой код, например `abcdef1234`.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/EgAIN8K3eV1lQTIh/images/Group-2147226301-1.png?fit=max&auto=format&n=EgAIN8K3eV1lQTIh&q=85&s=5e50750769fdecb285785d58afc5edf0" alt="Страница настроек проекта Microsoft Clarity с расположением Project ID" width="2940" height="1607" data-path="images/Group-2147226301-1.png" />
</Frame>

ID также можно взять прямо из адресной строки браузера. Когда проект открыт, URL содержит ID сразу после `/projects/view/`.

<Tip>
  Пропустите инструкции по установке, которые показывает Clarity. LanderLab внедряет скрипт автоматически, поэтому вам нужен только Project ID.
</Tip>

## Как проверить, что Clarity работает

<Steps>
  <Step title="Откройте опубликованную страницу">
    Откройте живой URL лендинга в обычной вкладке браузера и несколько секунд поработайте со страницей.
  </Step>

  <Step title="Проверьте панель Clarity">
    Вернитесь в Clarity и откройте **Recordings**. Ваша сессия должна появиться в течение нескольких минут.
  </Step>
</Steps>

<Warning>
  Если данных нет, опубликуйте лендинг повторно и убедитесь, что в **Apply to variants** выбран нужный вариант. Clarity также могут блокировать блокировщики рекламы и браузеры с усиленной защитой приватности, поэтому тестируйте в чистом окне браузера.
</Warning>

## Зачем использовать Microsoft Clarity

* **Смотрите реальные сессии** — наблюдайте, как посетители прокручивают страницу, заполняют форму или бросают её на полпути.
* **Читайте тепловые карты** — узнайте, какие заголовки, кнопки и блоки привлекают внимание, а какие игнорируются.
* **Быстро находите проблемы** — rage clicks и dead clicks указывают на нерабочие кнопки, непонятные CTA или элементы, которые люди ожидают сделать кликабельными.
* **Улучшайте A/B-тесты** — сочетайте записи Clarity с A/B-тестированием LanderLab, чтобы понять, почему один вариант выигрывает у другого, а не только насколько.
* **Бесплатно и без лимитов трафика** — Clarity бесплатен и не семплирует данные, поэтому подходит даже для кампаний с большим объёмом платного трафика.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.