Ustawianie wysokości reklamy In-Feed

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.

Uwaga: przykłady opisane w tym artykule przedstawiają dopuszczalne modyfikacje kodu reklamy AdSense. Zmodyfikowanie kodu reklamy In-Feed w pokazany przez nas, zatwierdzony sposób nie narusza zasad programu AdSense.

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-1234567890123456" 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-1234567890123456"
     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:

1. Zmień rozmiar witryny na różne szerokości ekranu, np. 350 piks., 500 piks., 1000 piks.
2. 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 Określanie rozmiaru obrazów w kanale za pomocą Google Chrome.

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 500–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-1234567890123456" 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-1234567890123456"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Ważne: w powyższym przykładzie wyróżniliśmy modyfikacje, które trzeba wprowadzić w kodzie reklamy. Pamiętaj, by w całym kodzie reklamy używać tej samej nazwy klasy (np. infeed).

Po zmianie kodu reklamy nie zapomnij przetestować reklamy In-Feed na różnych rozmiarach ekranu, by upewnić się, że wybrana wysokość działa na wielu różnych urządzeniach.

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ń reklam 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 bez przeformatowania 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.