Höhe Ihrer In-Feed-Anzeige festlegen – Google AdSense-Hilfe [gg-adsense-en]

Anzeigenblöcke

Legen Sie die Höhe Ihrer In-Feed-Anzeige fest

Weiter: Häufig gestellte Fragen zu In-Feed-Anzeigen

AdSense passt die Höhe von In-Feed-Anzeigen automatisch an, um sicherzustellen, dass sie gut in den verfügbaren Platz passen. Diese automatische Größenanpassung bedeutet, dass die meisten Publisher keine Änderungen an der Höhe ihrer In-Feed-Anzeigen vornehmen müssen. Wenn Sie jedoch spezielle Anforderungen an die Höhe Ihrer In-Feed-Anzeige haben, können Sie Ihren In-Feed-Anzeigencode ändern, um die gewünschte Höhe festzulegen. Abhängig davon, ob sich Ihr Feed auf einer nicht responsiven oder einer responsiven Website befindet, können Sie entweder eine feste oder eine variable Höhe festlegen.

Hinweis : Die in diesem Artikel beschriebenen Beispiele sind akzeptable Modifikationen des AdSense-Anzeigencodes. Sie verstoßen nicht gegen die AdSense-Programmrichtlinien, wenn Sie Ihren In-Feed-Anzeigencode auf diese genehmigte Weise ändern.

So legen Sie eine feste Höhe fest (nicht reagierende Websites)

Sie können eine feste Höhe für Ihre In-Feed-Anzeige angeben, indem Sie Ihrem Anzeigencode ein Höhenattribut hinzufügen, z. B. height:120px . Verwenden Sie diese Option, wenn sich Ihr In-Feed-Anzeigenblock in einem festen Container befindet, also nicht responsiv ist.

Wenn Sie nicht wissen, welche Höhe Sie einstellen sollen, können Sie die Entwicklertools Ihres Browsers verwenden, um die genaue Höhe für Ihre Anzeige ohne Leerzeichen zu bestimmen. Weitere Informationen finden Sie unter: So bestimmen Sie die Größe der Bilder in Ihrem Feed .

Dieses Beispiel zeigt eine In-Feed-Anzeige mit einer festen Höhe von 120 Pixeln:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block; height:120px "
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="ca-pub-12345"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

So legen Sie eine variable Höhe fest (responsive Websites)

Wenn die Breite Ihres In-Feed-Anzeigenblocks von der Bildschirmbreite abhängt, also responsiv ist, müssen Sie CSS-Medienabfragen in Ihrem Anzeigencode verwenden, um eine andere Höhe pro Bildschirmbreite anzugeben.

Um zu bestimmen, welche Höhen Sie einstellen sollten, empfehlen wir Ihnen:

1. Passen Sie die Größe Ihrer Website an eine Reihe von Bildschirmbreiten an, z. B. 350 Pixel, 500 Pixel, 1000 Pixel.
2. Verwenden Sie für jede Breite die Entwicklertools Ihres Browsers, um die genaue Höhe Ihrer Anzeige ohne Leerzeichen zu bestimmen. Weitere Informationen finden Sie unter: So bestimmen Sie die Größe der Bilder in Ihrem Feed .

Dieses Beispiel zeigt eine In-Feed-Anzeige mit einer Höhe von 180 Pixel für Bildschirmbreiten bis zu 350 Pixel, einer Höhe von 130 Pixel für Bildschirmbreiten von 500 bis 800 Pixel und einer Höhe von 200 Pixel für Bildschirmbreiten über 800 Pixel:

<style>
@media (min-width: 350px) {
.infeed {
height: 180px;
}
@media (min-width: 500px) {
.infeed {
height: 130px;
}
}
@media (min-width: 800px) {
.infeed {
height: 200px;
}
}

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed "
style="display:block;"
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="ca-pub-12345"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Wichtig : Im obigen Beispiel haben wir die Änderungen hervorgehoben, die Sie an Ihrem Anzeigencode vornehmen müssen. Stellen Sie sicher, dass Sie im gesamten Anzeigencode denselben Klassennamen (z. B. infeed ) verwenden.

Nachdem Sie Ihren Anzeigencode geändert haben, vergessen Sie nicht, Ihre In-Feed-Anzeige auf verschiedenen Bildschirmgrößen zu testen, um sicherzustellen, dass die von Ihnen gewählte Höhe auf allen Geräten funktioniert.

Warum haben meine In-Feed-Anzeigen manchmal zusätzliche Leerzeichen oder eine Schaltfläche „Mehr"?

In-Feed-Anzeigenblöcke sind responsiv und unterstützen eine Vielzahl von Ansichtsfenstern. Sie passen ihre Größe automatisch an Ihr Seitenlayout an, indem sie sich auf die volle Breite des Feed-Containers, in dem sie sich befinden, ausdehnen. Ihre Höhe basiert auf dem Inhalt der Anzeige selbst und den In-Feed-Anzeigeneinstellungen, die Sie in AdSense ausgewählt haben.

Wenn sich eine In-Feed-Anzeige im Darstellungsbereich des Nutzers (above thefold) befindet, können wir die Anzeigenhöhe gelegentlich nicht anpassen, ohne dass Ihr Inhalt unterhalb der Anzeige umfließt. In diesen Fällen lassen wir möglicherweise etwas Leerzeichen oder zeigen „Mehr" an Klicken Sie auf die Schaltfläche, um die Anzeige zu erweitern. Wir tun dies, um die beste Benutzererfahrung zu bieten.

Weiter: Häufig gestellte Fragen zu In-Feed-Anzeigen