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

# Custom Code zu Landingpages hinzufügen

> Fügen Sie Landingpages Custom Code hinzu, um Tracking-Skripte, Analyse-Tools und Widgets von Drittanbietern einzubinden und Funktionen zu erweitern.

Im Bereich **Custom Code** fügen Sie eigenes JavaScript zu Ihrer Landingpage hinzu. Das ist nützlich, um externe Werkzeuge wie **Tracking-Skripte, Analyseplattformen oder Widgets von Drittanbietern** einzubinden.

Sie können Skripte hinzufügen, die entweder im **Seiten-Header** oder **vor dem schließenden Body-Tag** ausgeführt werden – je nachdem, wie das Skript geladen werden muss.

## Wo Custom Code eingefügt werden kann

In den **Custom-Code**-Einstellungen finden Sie zwei Platzierungsbereiche für Skripte:

| Position                  | Beschreibung                                                                                                                                                                            |
| :------------------------ | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Innerhalb von**`<head>` | Hier platzierte Skripte werden früh beim Seitenaufbau geladen. Das wird häufig für Analyse-Tools, Tracking-Pixel oder Skripte genutzt, die vor dem Rendern initialisiert werden müssen. |
| **Vor**`</body>`          | Hier platzierte Skripte werden nach dem Seiteninhalt geladen. Ideal für Tracker, Widgets und Skripte, die erst nach dem vollständigen Laden der Seite laufen sollen.                    |

## So fügen Sie Custom Code hinzu

Folgen Sie den Schritten unten, um eigenes JavaScript zu Ihrer Landingpage hinzuzufügen.

### 1. Ihre Landingpage öffnen

Wechseln Sie zu **Landing Pages** und klicken Sie auf den **Namen der Landingpage**, die Sie bearbeiten möchten.

### 2. Das Einstellungs-Panel öffnen

Klicken Sie im Übersichtsbildschirm der Landingpage auf den Tab **Settings**.

### 3. Zu Custom Code wechseln

Wählen Sie im Einstellungsmenü auf der linken Seite **Custom Code**.

### 4. Ihr Skript einfügen

Fügen Sie Ihren JavaScript-Code in eines der verfügbaren Felder ein:

* **Custom Code inside** `<head>`
* **Custom Code before** `</body>`

Achten Sie darauf, dass Ihr Code die passenden `<script></script>`-**Tags** enthält.

### 5. Änderungen speichern

Klicken Sie auf **Save Settings**, um den Custom Code zu übernehmen.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/6roxMzHWpj6L8WU9/images/Group34.png?fit=max&auto=format&n=6roxMzHWpj6L8WU9&q=85&s=fd8125f462e0c1c5ccbacc353fb86f6e" alt="Group34" width="1691" height="934" data-path="images/Group34.png" />
</Frame>

## Wann Sie Custom Code einsetzen

Custom Code wird häufig verwendet für:

* **Click-Tracking-Skripte**
* **Analyse-Tools (Google Analytics usw.)**
* **Widgets von Drittanbietern**
* **Conversion-Tracking-Skripte**
* **Eigene JavaScript-Funktionen**

<Tip>
  **Tipp:** Wenn Sie **Tracker-Skripte (etwa ClickFlare oder Voluum)** einbinden, gehören diese in der Regel **vor das schließende** `</body>`-**Tag**, damit sie nach dem Seiteninhalt geladen werden.
</Tip>
