AdSense automatycznie dostosowuje wysokość reklam In-Feed, dopasowując je do miejsca dostępnego na stronie. Dzięki automatycznemu dopasowywaniu rozmiaru większość wydawców nie musi zmieniać wysokości reklam In-Feed. Jeśli jednak masz konkretne wymagania dotyczące wysokości reklamy In-Feed, możesz zmodyfikować kod tej reklamy, by ustawić taką wysokość, jaka będzie Ci odpowiadać. W zależności od tego, czy Twój kanał znajduje się w nieelastycznej czy elastycznej witrynie, możesz ustawić stałą lub zmienną wysokość reklamy.
Jak ustawić stałą wysokość (witryny nieelastyczne)
Możesz określić stałą wysokość reklamy In-Feed, dodając do kodu reklamy atrybut wysokości, np. height:120px
. Użyj tej opcji, jeśli jednostka reklamowa In-Feed znajduje się w stałym kontenerze, tzn. jest nieelastyczna.
Jeśli nie wiesz, jaką wysokość ustawić, możesz użyć narzędzi dla programistów w przeglądarce, które pomogą Ci określić dokładną wysokość reklamy bez pustych obszarów. Aby uzyskać więcej informacji, zapoznaj się z artykułem: Jak określić rozmiar obrazów w kanale.
Poniższy przykład przedstawia reklamę In-Feed o stałej wysokości 120 piks.:
<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>
Jak ustawić zmienną wysokość (witryny elastyczne)
Jeśli szerokość jednostki reklamowej In-Feed zależy od szerokości ekranu, czyli jest elastyczna, w kodzie reklamy użyj typów mediów CSS, by określić inną wysokość przy danej szerokości ekranu.
Aby określić, jakie wysokości ustawić, zalecamy wykonanie następujących czynności:
- Zmień rozmiar witryny na duży zakres szerokości ekranu, np. 350 piks., 500 piks., 1000 piks.
- Dla każdej szerokości możesz użyć narzędzi dla programistów w przeglądarce, które pomogą Ci określić dokładną wysokość reklamy bez pustych obszarów. Aby uzyskać więcej informacji, zapoznaj się z artykułem: Jak określić rozmiar obrazów w kanale.
Poniższy przykład przedstawia reklamę In-Feed o wysokości 180 piks. przy szerokości ekranu do 350 piks., wysokości 130 piks. przy szerokości ekranu od 500 do 800 piks. oraz wysokości 200 piks. dla ekranów o szerokości ponad 800 piks.:
<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>
infeed
).Dlaczego w moich reklamach In-Feed pojawiają się czasem dodatkowe puste obszary lub przycisk Więcej?
Jednostki reklamowe In-Feed są elastyczne i umożliwiają obsługę różnego rodzaju widocznych obszarów. Automatycznie dostosowują swój rozmiar, by dopasować się do układu strony, wypełniając całą szerokość kontenera kanału, w którym się znajdują. Ich wysokość zależy od treści samej reklamy i ustawień reklamy In-Feed wybranych przez Ciebie w AdSense.
Czasami, gdy reklama In-Feed znajduje się w obszarze widocznym dla użytkownika (w części strony widocznej na ekranie), nie możemy dostosować wysokości reklamy, nie powodując zmiany układu treści pod reklamą. W takich przypadkach możemy zostawić trochę pustej przestrzeni lub wyświetlić przycisk Więcej , który pozwoli rozwinąć reklamę. Robimy to, by zapewnić jak największą wygodę użytkowników.