> ## 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-Integration einrichten

> Erfahren Sie, wie Sie Microsoft Clarity in LanderLab zu Ihren Landingpages hinzufügen, um Sitzungen aufzuzeichnen, Heatmaps zu sehen und die Interaktion Ihrer Besucher genau nachzuvollziehen.

<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="Die Logos von LanderLab und Microsoft Clarity nebeneinander als Sinnbild für die Clarity-Integration" width="1200" height="600" data-path="images/LL-Clarity.png" />
</Frame>

Fügen Sie Microsoft Clarity in LanderLab zu Ihren Landingpages hinzu, um echte Besuchersitzungen aufzuzeichnen, Heatmaps von Klicks und Scrollverhalten zu sehen und herauszufinden, wo Nutzer vor der Conversion hängen bleiben.

## Was ist Microsoft Clarity?

Microsoft Clarity ist ein kostenloses Tool zur Verhaltensanalyse. Es zeichnet Besuchersitzungen auf und verwandelt sie in Heatmaps und Session-Replays, sodass Sie sehen können, wie echte Menschen scrollen, klicken und sich durch Ihre Landingpage bewegen.

Während Google Analytics Ihnen sagt, **was** passiert ist, zeigt Clarity Ihnen, **warum** es passiert ist. Sie erkennen tote Klicks, Rage-Klicks und Absprungpunkte an einer bestimmten Stelle Ihres Funnels.

LanderLab übernimmt die Installation des Clarity-Skripts für Sie. Statt den Tracking-Code in Ihre Seite einzufügen, geben Sie Ihre Projekt-ID ein – LanderLab bindet das Skript beim Veröffentlichen ein.

<Note>
  Sobald Sie eine Microsoft-Clarity-Integration hinzufügen, wird sie **global** in Ihrem Konto gespeichert. Sie können dasselbe Konto mit beliebig vielen Landingpages verbinden, ohne die Daten erneut einzugeben.
</Note>

## So fügen Sie Microsoft Clarity hinzu

<Steps>
  <Step title="Ihre Landingpage öffnen">
    Wechseln Sie zu **Landing Pages** und klicken Sie auf den **Namen der Landingpage**, auf der Sie das Besucherverhalten erfassen möchten.
  </Step>

  <Step title="Das Integrations-Panel öffnen">
    Klicken Sie auf **Add Integration** und suchen Sie in der Suchleiste nach **Clarity** oder öffnen Sie links die Kategorie **Tracking**.
  </Step>

  <Step title="Ihr Clarity-Konto hinzufügen">
    Klicken Sie auf **Microsoft Clarity** und anschließend auf **Add another account**, falls Sie bereits eines gespeichert haben. Es erscheint ein kurzes Konfigurationsformular.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/jONgRNq0MGCYtFrd/images/add-clarity.png?fit=max&auto=format&n=jONgRNq0MGCYtFrd&q=85&s=ac89597902a4df18e1c3c37290d67cd9" alt="Das Microsoft-Clarity-Konfigurationsformular in LanderLab mit den Feldern Name und Project ID" width="1197" height="862" data-path="images/add-clarity.png" />
    </Frame>
  </Step>

  <Step title="Die beiden Felder ausfüllen">
    | Feld           | Beschreibung                                                                                                                                       |
    | :------------- | :------------------------------------------------------------------------------------------------------------------------------------------------- |
    | **Name**       | Eine Bezeichnung zur Identifikation dieses Kontos (z. B. „Microsoft Clarity“ oder „Clarity – Solar-Funnel“). Nützlich, wenn Sie mehrere speichern. |
    | **Project ID** | Ihre Clarity-Projekt-ID, eine kurze alphanumerische Zeichenfolge wie `abcdef1234`. Zu finden in den Einstellungen Ihres Clarity-Projekts.          |
  </Step>

  <Step title="Auf „Add Microsoft Clarity“ klicken">
    Klicken Sie auf **Add Microsoft Clarity**, um das Konto zu speichern. Es wird global hinterlegt und steht auf jeder anderen Landingpage bereit.
  </Step>

  <Step title="Mit der Seite verbinden">
    Klicken Sie auf **Connect to page**, wählen Sie unter **Apply to variants** die Varianten aus, auf denen das Skript laufen soll, und bestätigen Sie mit **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="Der Dialog „Connect to page“ mit der Variantenauswahl auf „All variants“" width="587" height="273" data-path="images/image-37.png" />
    </Frame>

    <Note>
      **All variants** ist standardmäßig ausgewählt. Behalten Sie die Einstellung bei, wenn Sie über Ihren A/B-Test hinweg dieselben Clarity-Daten möchten, oder wählen Sie eine einzelne Variante, um ein Design isoliert zu betrachten.
    </Note>
  </Step>

  <Step title="Die Seite veröffentlichen">
    Klicken Sie auf **Publish** bzw. **Republish**. Das Clarity-Skript läuft nur auf der Live-Seite, die Aufzeichnungen beginnen also erst nach dem Veröffentlichen.
  </Step>
</Steps>

## Microsoft Clarity mit einer weiteren Landingpage verbinden

Da Clarity-Konten global gespeichert werden, müssen Sie die Projekt-ID nie zweimal eingeben.

<Steps>
  <Step title="Die andere Landingpage öffnen">
    Wechseln Sie zu **Landing Pages** und öffnen Sie die Seite, die Sie erfassen möchten.
  </Step>

  <Step title="Ihr gespeichertes Konto auswählen">
    Klicken Sie auf **Add Integration**, suchen Sie nach **Clarity** – Ihr gespeichertes Konto erscheint samt Projekt-ID in der Liste. Klicken Sie daneben auf **Connect to page**.
  </Step>

  <Step title="Varianten wählen und veröffentlichen">
    Wählen Sie unter **Apply to variants** die Varianten aus, bestätigen Sie und veröffentlichen Sie die Seite (neu).
  </Step>
</Steps>

## Wo Sie Ihre Clarity-Projekt-ID finden

1. Melden Sie sich bei [clarity.microsoft.com](https://clarity.microsoft.com) an.
2. Öffnen Sie das gewünschte Projekt oder klicken Sie auf **New project**, um eines anzulegen.
3. Öffnen Sie **Settings** und dann **Overview** oder **Setup**.
4. Kopieren Sie die **Project ID**, einen kurzen alphanumerischen Code wie `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="Die Einstellungsseite eines Microsoft-Clarity-Projekts mit der angezeigten Projekt-ID" width="2940" height="1607" data-path="images/Group-2147226301-1.png" />
</Frame>

Sie können sie auch direkt aus der Adressleiste des Browsers ablesen. Bei geöffnetem Projekt enthält die URL die ID direkt nach `/projects/view/`.

<Tip>
  Die Installationsanleitung, die Clarity Ihnen anzeigt, können Sie überspringen. LanderLab bindet das Skript automatisch ein – die Projekt-ID ist alles, was Sie brauchen.
</Tip>

## So prüfen Sie, ob Clarity funktioniert

<Steps>
  <Step title="Ihre veröffentlichte Seite aufrufen">
    Öffnen Sie die Live-URL Ihrer Landingpage in einem normalen Browser-Tab und interagieren Sie einige Sekunden damit.
  </Step>

  <Step title="Das Clarity-Dashboard prüfen">
    Kehren Sie zu Clarity zurück und öffnen Sie **Recordings**. Ihre Sitzung sollte innerhalb weniger Minuten erscheinen.
  </Step>
</Steps>

<Warning>
  Erscheinen keine Daten, veröffentlichen Sie die Landingpage erneut und prüfen Sie, ob unter **Apply to variants** die richtige Variante ausgewählt war. Auch Adblocker und datenschutzorientierte Browser können Clarity blockieren – testen Sie daher in einem sauberen Browserfenster.
</Warning>

## Warum Microsoft Clarity nutzen

* **Echte Sitzungen ansehen** – genau sehen, wie Besucher durch Ihre Seite scrollen, Ihr Formular ausfüllen oder es auf halbem Weg abbrechen.
* **Heatmaps lesen** – herausfinden, welche Überschriften, Schaltflächen und Abschnitte tatsächlich Aufmerksamkeit bekommen und welche ignoriert werden.
* **Reibung schnell erkennen** – Rage-Klicks und tote Klicks weisen direkt auf defekte Schaltflächen, verwirrende CTAs oder Elemente hin, die Nutzer für klickbar halten.
* **A/B-Tests verbessern** – Clarity-Replays mit LanderLab-A/B-Tests kombinieren, um zu verstehen, warum eine Variante besser abschneidet – nicht nur, um wie viel.
* **Kostenlos und ohne Traffic-Limits** – Clarity ist kostenlos und arbeitet ohne Stichproben, funktioniert also auch bei Kampagnen mit hohem bezahltem Traffic-Volumen zuverlässig.