Wyświetlanie reklamy zakotwiczonej

Ten przykład pokazuje reklamę zakotwiczoną korzystającą z biblioteki tagów wydawcy Google (GPT). Więcej informacji o reklamach zakotwiczonych znajdziesz w Centrum pomocy Google Ad Managera.

Podgląd reklam zakotwiczonych

Pokazową reklamę zakotwiczoną możesz wyświetlić na dowolnej stronie, która wyświetla reklamy z tagami GPT, dodając do adresu URL tag #gamTopAnchorDemo lub #gamBottomAnchorDemo. Przykład: https://www.example.com/#gamTopAnchorDemo.

Ta funkcja może służyć do wyświetlania podglądu reklam zakotwiczonych w witrynie bez konieczności wprowadzania zmian w kodzie. Jest to szczególnie przydatne do szybkiego sprawdzania, jak będą wyglądać i działać reklamy zakotwiczone na różnych urządzeniach i w różnych środowiskach operacyjnych.

Zastosowanie

  • Aby zapewnić optymalną wygodę użytkownikom, reklamy zakotwiczone są wywoływane tylko na stronach, które prawidłowo obsługują dany format. Z tego powodu defineOutOfPageSlot() może zwracać wartość null. Sprawdź w tym przypadku, czy nie wykonujesz niepotrzebnych czynności. Obecnie reklamy zakotwiczone są obsługiwane, jeśli spełnione są te warunki:

    • Tag GPT działa w oknie u góry.
    • Na stronie zoptymalizowanej pod kątem urządzeń mobilnych, przy czym powiększenie jest neutralne. Zwykle oznacza to, że w elemencie <head> strony wydawca ma element <meta name="viewport" content="width=device-width, initial-scale=1"> lub podobny.
    • Widoczny obszar jest w orientacji pionowej i ma szerokość od 320px do 1000px.

  • Wysyłaj żądania reklam zakotwiczonych tylko na stronach lub w środowiskach, w których chcesz wyświetlać reklamy zakotwiczone. Reklamy zakotwiczone mogą być wyświetlane na komputerach, tabletach i urządzeniach mobilnych.

  • Reklamy zakotwiczone generują własny kontener reklam. W odróżnieniu od innych typów reklam nie musisz definiować elementu <div> w przypadku reklam zakotwiczonych. Reklamy zakotwiczone automatycznie tworzą i umieszczają na stronie własny kontener, gdy reklama się wypełni. Te kontenery mogą nachodzić na inne elementy lub zasłaniać inne elementy przy użyciu położenia bezwzględnego lub stałego, dlatego zalecamy unikać umieszczania takich elementów w obszarach, w których mają się pojawiać reklamy zakotwiczone.

  • 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 reklam zakotwiczonych nie wymagają wstępnie zdefiniowanego elementu <div>, statyczne boksy reklamowe tak. Wywołanie display(), zanim te elementy pojawią się na stronie, może spowodować pogorszenie jakości sygnałów i zmniejszyć przychody. Dlatego zalecamy opóźnienie początkowego wywołania, aż do zdefiniowania przedziałów statycznych.

  • Mogą być odświeżane tylko widoczne reklamy zakotwiczone. Gdy boks reklamy zakotwiczonej zostanie zwinięty lub nie pojawi się jeszcze na ekranie, wszystkie wywołania refresh() są ignorowane. Jeśli jednak używasz metody disableInitialLoad() do ręcznego kontrolowania wczytywania i odświeżania reklam, pierwsze wywołanie metody refresh() wywoła żądanie reklamy niezależnie od widoczności boksu.

Przykładowa implementacja

Wyświetl prezentację