Wyświetlanie reklamy zakotwizonej

Ten przykład pokazuje reklamę kotwicy za pomocą biblioteki tagów wydawcy Google (GPT). Więcej informacji o reklamach kotwicowych znajdziesz w Centrum pomocy Google Ad Manager.

Podgląd reklam zakotwiczonych

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

Dzięki tej funkcji możesz wyświetlać podgląd reklam zakotwiczonych 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ć kotwy na różnych urządzeniach i w różnych środowiskach operacyjnych.

Zastosowanie

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

    • Tag GPT działa w oknie u góry.
    • Na stronie zoptymalizowanej pod kątem urządzeń mobilnych, na której powiększenie jest neutralne; zwykle oznacza to, że wydawca ma <meta name="viewport" content="width=device-width, initial-scale=1"> lub podobny w <head> strony.
    • Strefa widoczna jest w orientacji pionowej o szerokości od 320px do 1000px.

  • Żądaj reklam zakotwiczonych tylko na stronach lub w środowiskach, w których chcesz wyświetlać takie reklamy. Reklamy kotwiczone mogą wyświetlać się na komputerach, tabletach i urządzeniach mobilnych.

  • Reklamy zakotwiczone generują własny kontener reklamy. W odróżnieniu od innych typów reklam w przypadku reklam kotwicy nie musisz definiować elementu <div>. Reklamy kotwiczone automatycznie tworzą i umieszczają na stronie własny kontener, gdy reklama się wypełni. Te kontenery mogą nakładać się na inne elementy lub zasłaniać je, używając pozycjonowania bezwzględnego lub stałego, dlatego zalecamy unikanie umieszczania takich elementów w obszarach, w których mają się pojawiać kotwy.

  • 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 zakotwiczonych nie wymagają wstępnie zdefiniowanego tagu <div>, statyczne boksy reklamowe go wymagają. Wywołanie tagu display(), zanim te elementy pojawią się na stronie, może spowodować obniżenie jakości sygnałów, co spowoduje zmniejszenie przychodów z reklam. Z tego powodu zalecamy opóźnienie początkowego wywołania do momentu zdefiniowania boksów statycznych.

  • Tylko widoczne reklamy zakotwiczone można odświeżać. Gdy boks reklamowy kotwicy jest zwinięty lub jeszcze nie wyświetlany, wszystkie wywołania funkcji refresh() są ignorowane. Jeśli jednak używasz disableInitialLoad() do ręcznego kontrolowania ładowania i odświeżania reklam, pierwsze wywołanie refresh() spowoduje wysłanie żądania reklamy niezależnie od widoczności boksu.

Przykładowa implementacja

Zobacz wersję demonstracyjną

JavaScript

Wczytuję...

TypeScript

Wczytuję...