> For the complete documentation index, see [llms.txt](https://docs.exoclick.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.exoclick.com/publishers/de/websites-and-zonen/einrichtung-nativer-anzeigen.md).

# Einrichtung nativer Anzeigen

Erstellen eines [Native-Anzeige](/publishers/de/websites-and-zonen/create-zone.md#recommendation-widget) Zone ist einfach und dennoch leistungsstark anpassbar. Je nach Ihren Bedürfnissen können Sie bei der Einrichtung einer Native-Ad-Zone leicht unterschiedliche Vorgehensweisen verwenden:

* **Szenario A**: Sie möchten einfach eine Anzeigenzone einrichten, das Seitenverhältnis der Bilder der Native-Ad-Zone auswählen und dann die Größe der Anzeigenzone auf Ihrer Website entsprechend anpassen.
* **Szenario B**: Sie möchten die Anzeigenzone so einrichten, dass sie zu einer benutzerdefinierten Bildgröße oder einem benutzerdefinierten Seitenverhältnis passt, damit die Anzeigenzone auf Ihrer Website gleich aussieht und perfekt hineinpasst.
* **Szenario C**: Sie haben auf Ihrer Website eine Zone mit einer bestimmten Größe und möchten eine Anzeigenzone erstellen, die hineinpasst und gut aussieht.

Unabhängig davon, welches Szenario Sie wählen, müssen Sie als Erstes eine Native-Ad-Zone erstellen.

## Erstellen einer Native-Ad-Zone

Wenn Sie als Publisher angemeldet sind, klicken Sie auf **Sites & Zonen**, **Neue Zone**, und erweitern Sie den **Native** Bereich, wählen Sie das Native-Ad-Format **Recommendation Widget** und klicken Sie auf **Weiter**.

![Native-Zone erstellen](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/1lsZ4Ki3CIL173vBDbzo/assets/hires/create-zone-native.png)

Füllen Sie die Zonendetails aus und klicken Sie auf **Weiter**.

{% tabs %}
{% tab title="Schritt 1: Schnelles Layout: Seitenverhältnis festlegen" %}
In diesem Szenario legen Sie das Seitenverhältnis für die Bilder im Admin-Panel fest, und es ist nicht erforderlich, die gesamte Größe der Anzeigenzone festzulegen. Bei Verwendung des **Schnellen Layouts**, passt sich die von Ihnen erstellte Anzeigenzone automatisch an die Größe des Containers an, in den Sie sie einfügen.

{% stepper %}
{% step %}

### Schritt 1

![Native Schritt 1](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/i4nnDybTXZj0jYx8l8ie/assets/hires/native/sca-step1.png)

Wählen Sie die **Schnellen Layouts** Registerkarte. In der **Desktop-Layout** Sektion legen Sie die Anzahl der Spalten und Zeilen von Anzeigen fest, die Sie auf dem Desktop möchten.
{% endstep %}

{% step %}

### Schritt 2

![Native Schritt 2](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/XcQLr7Fi2GR8u2O7oLcD/assets/hires/native/sca-step2.png)

Wählen Sie als Nächstes das Seitenverhältnis für Ihre Bilder aus dem **Bild-Einstellungen** Dropdown aus. Sie können wählen zwischen **1:1**, **4:3** oder **16:9**, um zu den Vorschaubildern auf Ihrer Website zu passen.
{% endstep %}

{% step %}

### Schritt 3

![Native Schritt 3](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/5LzyX7rTkfZEucmCbY04/assets/hires/native/sca-step3.png)

* Sobald Sie das Seitenverhältnis gewählt haben, verwenden Sie das Kontrollkästchen, um auszuwählen, ob Sie Text anzeigen möchten oder nicht, und entscheiden Sie dann, wo er angezeigt wird.
* Dieser Text besteht aus einem **Titel** und einer **Beschreibung**. Sie können diese bei Bedarf in den **Titel** und **Beschreibung** Abschnitten ein- und ausschalten.
* Prüfen Sie die Vorschau rechts, um zu sehen, wie Ihre Anzeigenzone aussieht, und passen Sie die Einstellungen bei Bedarf erneut an.
  {% endstep %}

{% step %}

### Schritt 4

![Native Schritt 4](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/pXcT9dbHa7ocZdeuSgGC/assets/hires/native/sca-step4.png)

* Wiederholen Sie die oben genannten Schritte 1-3 im **Mobile-Layout** Bereich, um Ihre Anzeigenzone für Mobilgeräte einzurichten.
  {% endstep %}

{% step %}

### Schritt 5

![Native Schritt 5](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/aEaqn3SVREPSkqBxUCks/assets/hires/native/mobile-breaking-point.png)

* Prüfen Sie die Vorschau für **Desktop** und **Mobil** auf der rechten Seite des Bildschirms. Sie können in der **Mobilen Breakpoint** Dropdown-Liste von **Erweiterte Optionen**.
* Der Breakpoint kann auf **800px** für iPad, **450px** für Mobilgeräte und **Nicht responsiv**gesetzt werden. Wenn wir den Breakpoint ändern, ändert sich dadurch, ob unsere Einstellungen im Abschnitt Desktop-Layout sowohl Desktop als auch iPad betreffen oder nur den Desktop selbst.
* Wenn Sie mit der Vorschau zufrieden sind, klicken Sie auf **Erstellen**.
  {% endstep %}

{% step %}

### Schritt 6

![Native Schritt 6](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/rlwldJZoXYmsGjD1utp6/assets/hires/native/scn_new.png)

* Kopieren Sie den **Zonen-HTML-Tag** und fügen Sie ihn in Ihre Website ein.
* Die Anzeigenzone wird automatisch auf 100 % des Containers angepasst, in den Sie das Tag einfügen. Das heißt: Je größer der Container, desto größer werden sowohl die Zone als auch die Anzeigen sein.
  {% endstep %}
  {% endstepper %}
  {% endtab %}

{% tab title="Szenario B: Schnelles Layout: Benutzerdefinierte Bildgröße festlegen" %}
In diesem Szenario möchten Sie die Bildgröße und den Abstand der Anzeige so ändern können, dass sie zu Ihrer Website passen. Das würden Sie tun, wenn Sie wirklich möchten, dass die Native Ads so aussehen, als wären sie Teil des redaktionellen Inhalts Ihrer Website.

{% stepper %}
{% step %}

### Schritt 1

![Native Schritt 7](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/esjgXHOuLYDy2kSfiWXV/assets/hires/native/scb-step1.png)

* Wählen Sie die **Schnellen Layouts** Registerkarte. In der **Desktop-Layout** Sektion legen Sie die Anzahl der Spalten und Zeilen von Anzeigen fest, die Sie auf dem Desktop möchten.
  {% endstep %}

{% step %}

### Schritt 2

![Native Schritt 8](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/9knI85T5uv4S2k0ennMD/assets/hires/native/scb-step2.png)

* In der **Bild-Einstellungen** Dropdown-Liste wählen Sie **Benutzerdefinierte Größe** und legen Sie die Breite und Höhe der Bilder so fest, dass sie zu Ihrer Website passen. Wenn die Website ein Meta-Tag enthält und responsiv ist, reagieren die Bilder bei der Anzeige der Website ebenfalls, wenn die Bildschirmgröße kleiner wird. Informationen zur **Widgetgröße** und zur **Bildgröße** werden oben rechts über der Vorschau angezeigt.
  {% endstep %}

{% step %}

### Schritt 3

![Native Schritt 9](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/YWchSf0txs1p9pbnCBXb/assets/hires/native/scb-step3.png)

* Nachdem Sie die Bildgröße festgelegt haben, wählen Sie mit dem **Text** Kontrollkästchen aus, ob Sie Text anzeigen möchten oder nicht, und wählen Sie aus, wo er angezeigt wird.
* Prüfen Sie die Vorschau rechts, um zu sehen, wie Ihre Anzeigenzone aussieht, und passen Sie die Einstellungen bei Bedarf erneut an.
  {% endstep %}

{% step %}

### Schritt 4

![Native Schritt 10](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/A8dhcTNINaI7ni1fz9Ho/assets/hires/native/scb-step4.png)

* Wiederholen Sie die Schritte 1-3 im **Mobile-Layout** Bereich, um Ihre Anzeigenzone für Mobilgeräte einzurichten.
  {% endstep %}

{% step %}

### Schritt 5

![Native Schritt 11](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/4EatUeZ6VmU4VsaUQpfE/assets/hires/native/scb_advance1.png)

* In der **Erweiterte Optionen** Bereich können Sie festlegen, wie viele Pixel an **vertikalem Abstand** und **horizontalem Abstand** Sie um jede Anzeige herum haben möchten.

{% hint style="info" %}
**Hinweis**: Das Ändern dieser Einstellungen verändert die Gesamtgröße der Anzeigenzone.
{% endhint %}
{% endstep %}

{% step %}

### Schritt 6

![Native Schritt 12](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/aEaqn3SVREPSkqBxUCks/assets/hires/native/mobile-breaking-point.png)

* Prüfen Sie die Vorschau für **Desktop** und **Mobil** auf der rechten Seite des Bildschirms. Sie können in der **Mobilen Breakpoint** Dropdown-Liste von **Erweiterte Optionen**.
* Der Breakpoint kann auf **800px** für iPad, **450px** für Mobilgeräte und **Nicht responsiv**gesetzt werden. Wenn wir den Breakpoint ändern, ändert sich dadurch, ob unsere Einstellungen im Abschnitt Desktop-Layout sowohl Desktop als auch iPad betreffen oder nur den Desktop selbst.
* Wenn Sie mit der Vorschau zufrieden sind, klicken Sie auf **Erstellen**.
  {% endstep %}

{% step %}

### Schritt 7

![Native Schritt 13](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/rlwldJZoXYmsGjD1utp6/assets/hires/native/scn_new.png)

* Kopieren Sie den **Zonen-HTML-Tag** und fügen Sie ihn in Ihre Website ein.
* Stellen Sie sicher, dass die Größe der Anzeigenzone auf Ihrer Website der Größe der Zone entspricht, die Sie gerade erstellt haben.
  {% endstep %}
  {% endstepper %}
  {% endtab %}

{% tab title="Szenario C: Benutzerdefiniertes Layout: Feste Zonengröße festlegen" %}
In diesem Szenario möchten Sie die Größe der Anzeigenzone so festlegen können, dass sie den Anforderungen Ihrer Website entspricht, und die Einstellungen anpassen, um sicherzustellen, dass die Anzeigen gut angezeigt werden.

{% stepper %}
{% step %}

### Schritt 1

![Native Schritt 13](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/JEhQvAhXNjExOj7GXOyw/assets/hires/native/scc-step1.png)

Wählen Sie die **Benutzerdefiniertes Layout** Registerkarte. In der **Desktop-Layout** Bereich legen Sie die **Breite** und zur **Höhe** der gesamten Anzeigenzone fest, die Sie erstellen möchten.
{% endstep %}

{% step %}

### Schritt 2

![Native Schritt 14](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/WVwRdNmMUtNGQnymV67U/assets/hires/native/scc-step2.png)

Wählen Sie als Nächstes, wie viele **Spalten** und **Zeilen** von Anzeigen Sie in der Anzeigenzone anzeigen möchten. Prüfen Sie die Vorschau rechts, um zu sehen, welche Einstellungen für die von Ihnen gewählte Größe funktionieren.
{% endstep %}

{% step %}

### Schritt 3

![Native Schritt 15](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/oObBcmxtsFqPjD2pa1fl/assets/hires/native/scc-step3.png)

Nachdem Sie ausgewählt haben, wie viele Spalten und Zeilen Sie möchten, wählen Sie mit dem **Text** Kontrollkästchen aus, ob Sie Text anzeigen möchten oder nicht, und wählen Sie mit dem **Textposition** Dropdown aus, wo er angezeigt wird.
{% endstep %}

{% step %}

### Schritt 4

![Native Schritt 15](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/wdY8i3TWgXoyIWW3SYrW/assets/hires/native/scc-step4.png)

Wiederholen Sie die Schritte 1-3 im **Mobile-Layout** Bereich, um Ihre Anzeigenzone für Mobilgeräte einzurichten.
{% endstep %}

{% step %}

### Schritt 5

![Native Schritt 16](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/aEaqn3SVREPSkqBxUCks/assets/hires/native/mobile-breaking-point.png)

* Prüfen Sie die Vorschau für **Desktop** und **Mobil** auf der rechten Seite des Bildschirms. Sie können in der **Mobilen Breakpoint** Dropdown-Liste von **Erweiterte Optionen**.
* Der Breakpoint kann auf **800px** für iPad, **450px** für Mobilgeräte und **Nicht responsiv**gesetzt werden. Wenn wir den Breakpoint ändern, ändert sich dadurch, ob unsere Einstellungen im Abschnitt Desktop-Layout sowohl Desktop als auch iPad betreffen oder nur den Desktop selbst.
* Wenn Sie mit der Vorschau zufrieden sind, klicken Sie auf **Erstellen**.
  {% endstep %}

{% step %}

### Schritt 6

![Native Schritt 17](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/rlwldJZoXYmsGjD1utp6/assets/hires/native/scn_new.png)

Kopieren Sie den **Zonen-HTML-Tag** und fügen Sie ihn in Ihre Website ein.
{% endstep %}
{% endstepper %}
{% endtab %}
{% endtabs %}

## Auswahl von Nicht responsiv im mobilen Breakpoint

* Wenn der Mobile Breakpoint unter Erweiterte Optionen auf Nicht responsiv gesetzt ist, wird das folgende Modal auf dem Bildschirm angezeigt.

![Nicht responsiv 2](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/AHKGWus2UFehm3E9QMTe/assets/hires/unresponsive2.png)

![Nicht responsiv 3](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/MbemiUHb7Szd9C1r4JWZ/assets/hires/unresponsive3.png)

* Klicken auf **WEITER** im Modal zeigt das Desktop-Layout für Anzeigen auf allen Geräten, einschließlich Mobiltelefonen und Tablets.
* Das Mobile-Layout kann vom Benutzer nicht mehr bearbeitet werden, wenn Nicht responsiv ausgewählt ist.
* Die Bildeinstellungen werden auf die benutzerdefinierte Standardgröße aktualisiert (Breite - 200px und Höhe - 200px), falls sie vorher nicht gespeichert wurden.

## Verwendung von benutzerdefiniertem CSS mit Native Ads

![Banner](https://993809213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGoSwRYjxsR1XS6va6yLj%2Fuploads%2FbUrcdZCax7qachURBVTS%2Fimage.png?alt=media\&token=75616bc9-e5e7-42a2-8c9b-34707a1e0bc2)

In der **Benutzerdefiniertes CSS** Bereich können Sie benutzerdefiniertes CSS hinzufügen, um sicherzustellen, dass die Anzeigenzone auf Ihrer Website korrekt angezeigt wird. Die wichtigsten CSS-Klassen werden als Ausgangspunkt bereitgestellt. Erfahren Sie mehr über CSS [hier](https://www.w3schools.com/css/default.asp).

{% hint style="info" %}
**Hinweis**: Beachten Sie, dass Änderungen am benutzerdefinierten CSS nicht in der Vorschau angezeigt werden: Sie werden nur direkt auf Ihrer Website angezeigt.
{% endhint %}

### CSS-Klassen für Native Ads

Zunächst werden im Kasten fünf CSS-Klassen bereitgestellt, und Sie können bei Bedarf zusätzliche Stile einfügen. Diese fünf CSS-Klassen formatieren die wichtigsten Elemente der Native Ad wie folgt:

![Native-Ad-CSS](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/ThwwsRHFlTOSbIoMqI1E/assets/hires/native-ad-css-class.png)

| Klasse                             | Aktion                                           |
| ---------------------------------- | ------------------------------------------------ |
| .msg-native-widget-outer-container | Formatiert den gesamten Widget-Container.        |
| .msg-native-widget-item            | Formatiert die Container der einzelnen Elemente. |
| .msg-native-widget-item-image      | Formatiert das Bild.                             |
| .msg-native-widget-item-title      | Formatiert den Titeltext.                        |
| .msg-native-widget-item-text       | Formatiert den Beschreibungstext                 |

### Zusätzliche CSS-Klassen

Sie können die Native Ad auch mit diesen zusätzlichen CSS-Klassen formatieren:

| Klasse                                | Aktion                                                                          |
| ------------------------------------- | ------------------------------------------------------------------------------- |
| .msg-native-widget                    | Umschließt das gesamte Widget.                                                  |
| .msg-native-widget-header             | Umschließt die Header-Elemente.                                                 |
| .msg-native-widget-outer-container    | Umschließt alle Anzeigen.                                                       |
| .msg-native-widget-item-container     | Umschließt die Adbox.                                                           |
| .msg-native-widget-item-image-wrapper | Umschließt das Bild in der Adbox.                                               |
| .msg-native-widget-item-image-ratio   | Legt das Seitenverhältnis des Anzeigenbildes fest.                              |
| .msg-native-widget-item-content       | Umschließt den gesamten Text der Adbox.                                         |
| .msg-native-widget-item-content-box   | Dies umschließt den Titel, die Beschreibung und die Marke des Anzeigen-Wrapper. |
| .msg-native-widget-item-brand         | Formatiert die Anzeigenmarke.                                                   |

**Beispiele**

* Die folgenden Beispiele zeigen, wie Publisher CSS-Stile bei der Einrichtung der Native-Ad-Zone je nach ihren Bedürfnissen anpassen können.

{% stepper %}
{% step %}

#### 1. Um die Textbox über dem Bild zu platzieren.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/QFAzxUnKNOild5gSn0VS/assets/hires/native-ad-css-text-on-image.png)

```css

 .msg-native-widget-item-content {
      position: absolute !important;
      bottom: 0px  !important;
      z-index: 3  !important;
      top: unset  !important;
      height: 50px  !important;
      left: 15px;
   }

```

{% endstep %}

{% step %}

#### 2. Um die Größe der Textbox zu ändern.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/qx3YHuopQjx13mXCcF6v/assets/hires/native-ad-css-size-of-text-box.png)

```css

 .msg-native-widget-item-content {
      height: 50px  !important;
   }

```

{% endstep %}

{% step %}

#### 3. Um die Textbox über dem Bild zu platzieren und der Textbox mit Deckkraft einen Hintergrund hinzuzufügen.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/rrwKCULO65AOG3mF2Y5z/assets/hires/native-ad-css-text-on-image-with-background.png)

```css

 .msg-native-widget-item-content {
      position: absolute !important;
      bottom: 0px  !important;
      z-index: 3  !important;
      top: unset  !important;
      height: 50px  !important;
      background-color: black !important;
      opacity: 0.7 !important;
    }
.msg-native-widget-item-title {
    margin-left: 5px !important;
    padding-top: 3px !important;
    color: white !important;
    }
.msg-native-widget-item-text {
    margin-left: 5px !important;
    padding-top: 3px !important;
    color: white !important;
    }
.msg-native-widget-item-brand {
    margin-left: 5px !important;
    padding-top: 3px !important;
    color: white !important;
    }

```

{% endstep %}

{% step %}

#### 4. Um die Bildränder abzurunden.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/FwVaN0LAs4cUEaw1RaTy/assets/hires/native-ad-css-round-the-corners.png)

```css

 .msg-native-widget-item-image {
    border-radius: 5% !important;
    }   

```

{% endstep %}

{% step %}

#### 5. Um einen Stil für die Schriftart festzulegen. Auf diese Weise kann der Publisher Schriftarten verwenden, die auf seiner Website verfügbar sind, und andere als die, die bei der Zonen-Einrichtung verfügbar sind.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/4VgfwQ8IQHImagcqHtFr/assets/hires/native-ad-css-other-options.png)

```css

 .msg-native-widget-item-title, .msg-native-widget-item-text, .msg-native-widget-item-brand {
   font-family: fantasy !important;
   }

```

{% endstep %}

{% step %}

#### 6. Um Abstand zwischen dem Bild und dem Text hinzuzufügen, sodass der Text entweder nah am Bild oder weiter davon entfernt sein kann. Sie können auch padding-bottom verwenden, um unterhalb des Textes Abstand hinzuzufügen.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/zusqVYVxOAml6RhFfaHw/assets/hires/native-ad-css-change-padding.png)

```css

 .msg-native-widget-item-content {
    padding: 30px !important;
    }

```

{% endstep %}

{% step %}

#### 7. Um die Hintergrundfarbe der Textbox anzupassen, sodass sie nur die Textbox betrifft, die unter jedem Bild steht, während der Raum zwischen Bildern und Boxen transparent oder mit einer anderen Hintergrundfarbe bleibt.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/H08catOYIpWoAcmXJHoh/assets/hires/native-ad-css-customise-background-color.png)

```css

 .msg-native-widget-item-content {
    background-color: #ABE1FA !important;
    padding: 10px !important;
}
.msg-native-widget-outer-container {
    background-color: white !important;
    padding: 10px !important;
}
.msg-native-widget-item-title {
    margin-left: 5px !important;
    padding-top: 3px !important;
    color: white !important;
    }
.msg-native-widget-item-text {
    margin-left: 5px !important;
    padding-top: 3px !important;
    color: white !important;
    }
.msg-native-widget-item-brand {
    margin-left: 5px !important;
    padding-top: 3px !important;
    color: white !important;
    }

```

{% endstep %}

{% step %}

#### 8. Um einen Rahmen hinzuzufügen, der ein Bild und seine Textbox umfasst. Dies hilft dabei, jedes Bild innerhalb dieses Native-Widgets voneinander zu trennen.

![Native-Ad-CSS-Beispiel](https://content.gitbook.com/content/GoSwRYjxsR1XS6va6yLj/blobs/ZPr4F1I8Cbu9MhAnXpGy/assets/hires/native-ad-css-set-border.png)

```css

.msg-native-widget-item-container {
  border: 10px #0073B7 solid !important;
  padding: 10px !important;
}
.msg-native-widget-outer-container {
  margin: 10px !important;
}

```

{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.exoclick.com/publishers/de/websites-and-zonen/einrichtung-nativer-anzeigen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.