Wyświetlanie reklamy w kolumnie bocznej

W tym przykładzie reklamy boczne są wyświetlane za pomocą biblioteki tagów wydawcy Google (GPT). Więcej informacji o reklamach w bocznym pasku znajdziesz w Centrum pomocy Google Ad Managera.

Podgląd reklam w kolumnie bocznej

Możesz wyświetlić reklamę w kolumnie bocznej na dowolnej stronie wyświetlającej reklamy z tagami GPT. Aby to zrobić, dodaj parametr #gamLeftSideRailDemo lub #gamRightSideRailDemo do adresu URL. Na przykład: https://www.example.com/#gamLeftSideRailDemo.

Możesz go używać do wyświetlania podglądu reklam w kolumnie bocznej w witrynie bez konieczności wprowadzania zmian w kodzie. Jest to szczególnie przydatne, aby szybko sprawdzić, jak będą wyglądać i działać boczne szyny na różnych urządzeniach i w różnych środowiskach operacyjnych.

Zastosowanie

  • Aby zapewnić użytkownikom optymalną wygodę, reklamy w kolumnie bocznej są wysyłane tylko na stronach, które prawidłowo obsługują ten format. Z tego powodu defineOutOfPageSlot() może zwracać wartość null. Sprawdź, czy tak nie jest, aby nie wykonywać niepotrzebnych czynności. Reklamy w kolumnie bocznej są obsługiwane, gdy są spełnione te warunki:

    • Tag GPT działa w oknie u góry.
    • Wymiary obszaru widocznego to co najmniej 1200x650 pikseli.

  • Żądaj reklam w kolumnie bocznej tylko na stronach i w środowiskach, w których chcesz je wyświetlać. Reklamy w kolumnie bocznej mogą się wyświetlać na wszystkich urządzeniach.

  • Reklamy w kolumnie bocznej generują własny kontener reklamy. W przypadku reklam w kolumnie bocznej nie musisz mieć <div>. Reklamy boczne automatycznie tworzą i umieszczają na stronie własny kontener, gdy reklama się wypełni. Te kontenery są umieszczane jak najbliżej treści głównej strony.

  • Reklamy w kolumnie bocznej są optymalizowane pod kątem dostępnej przestrzeni. Reklamy na pasku bocznym wymagają co najmniej 120x500 pikseli pustego miejsca po lewej lub prawej stronie treści głównej strony. Jeśli po wyświetleniu strony zmieni się jej rozmiar i pusta przestrzeń będzie mniejsza niż minimalna, boks zostanie tymczasowo ukryty do czasu, aż miejsce się zwolni.

  • Jeśli korzystasz z architektury z pojedynczym żądaniem (SRA) na stronie z wieloma boksami, nie wywołuj funkcji display(), dopóki nie zostaną utworzone statyczne elementy div boksów reklamowych. Zgodnie ze sprawdzonymi metodami dotyczącymi reklam pierwsze wywołanie funkcji display() wysyła żądanie do każdego boksu reklamowego zdefiniowanego przed tym punktem. Chociaż boksy reklam bocznych nie wymagają wstępnie zdefiniowanego tagu <div>, statyczne boksy reklamowe go wymagają. Wywołanie display(), zanim te elementy pojawią się na stronie, może spowodować obniżenie jakości sygnałów, co spowoduje zmniejszenie przychodów z reklam. Dlatego zalecamy opóźnienie początkowego wywołania do momentu zdefiniowania boksów statycznych.

  • Odświeżaj tylko widoczne reklamy w kolumnie bocznej. Gdy boks reklamowy w kolumnie bocznej jest zwinięty lub niewidoczny, wszystkie wywołania refresh() są ignorowane. Jeśli używasz disableInitialLoad() do ręcznego kontrolowania ładowania i odświeżania reklam, pierwsze wywołanie funkcji refresh() spowoduje wysłanie żądania reklamy niezależnie od widoczności boksu reklamowego.

Przykładowa implementacja

Zobacz wersję demonstracyjną

JavaScript

Wczytuję...

TypeScript

Wczytuję...