Wyświetlanie reklamy w kolumnie bocznej

Ten przykład wyświetla reklamy w kolumnie bocznej przy użyciu biblioteki tagów wydawcy Google (GPT). Więcej informacji o reklamach w kolumnie bocznej znajdziesz w Centrum pomocy Google Ad Managera.

Podgląd reklam w kolumnie bocznej

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

Możesz ich używać do wyświetlania w swojej witrynie reklam w kolumnie bocznej bez konieczności wprowadzania zmian w kodzie. Jest to szczególnie przydatne do szybkiego sprawdzenia wyglądu i działania reklam w kolumnie bocznej na różnych urządzeniach i w różnych środowiskach operacyjnych.

Zastosowanie

  • Aby zapewnić optymalną wygodę użytkownikom, 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ź to zgłoszenie, aby mieć pewność, że nie wykonujesz niepotrzebnych czynności. Reklamy w kolumnie bocznej są obsługiwane, gdy spełnione są te warunki:

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

  • Wysyłaj żądania reklam w kolumnie bocznej tylko na stronach i w środowiskach, w których chcesz wyświetlać reklamy w kolumnie bocznej. Reklamy w kolumnie bocznej mogą się wyświetlać na wszystkich urządzeniach.

  • Reklamy w kolumnie bocznej generują własny kontener reklam. Nie potrzebujesz identyfikatora <div> do reklam w kolumnie bocznej. Reklamy w kolumnie bocznej automatycznie tworzą i umieszczają na stronie własny kontener podczas wypełniania. Kontenery te są umieszczone jak najbliżej zawartości strony głównej.

  • Reklamy w kolumnie bocznej są zoptymalizowane tak, aby pasowały do dostępnego miejsca. Reklamy w kolumnie bocznej wymagają co najmniej 120x500 piks. pustego miejsca z lewej lub prawej strony zawartości strony głównej. Jeśli po wyświetleniu strony zmieni się jej rozmiar, przez co puste miejsce spadnie poniżej tej wartości minimalnej, boks jest tymczasowo ukryty do czasu, aż zwolni się miejsce.

  • Jeśli korzystasz z architektury z pojedynczym żądaniem (SRA) na stronie z wieloma boksami, nie wywołuj display(), dopóki nie zostaną utworzone statyczne elementy div. Zgodnie z opisem w sekcji Sprawdzone metody dotyczące reklam pierwsze wywołanie metody display() wysyła żądanie do każdego boksu reklamowego zdefiniowanego wcześniej. Chociaż boksy w kolumnie bocznej nie wymagają wstępnie zdefiniowanego elementu <div>, statyczne boksy reklamowe tak. Wywołanie elementu display(), zanim te elementy pojawią się na stronie, może spowodować obniżenie jakości sygnałów i obniżenie przychodów. Dlatego zalecamy opóźnienie początkowego wywołania, dopóki nie zdefiniujesz przedziałó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 metody disableInitialLoad() do ręcznego sterowania wczytywaniem i odświeżaniem reklam, pierwsze wywołanie metody refresh() wywoła żądanie reklamy niezależnie od widoczności boksu.

Przykładowa implementacja

Wyświetl prezentację