Za pomocą tagu wydawcy Google (GPT) możesz utworzyć reklamy elastyczne, które dopasowują się do przeglądarki użytkownika. To oznacza, że Twoje reklamy będą dobrze się prezentować zarówno na komputerze, jak i na tablecie czy innym urządzeniu mobilnym.
Za pomocą interfejsu GPT API możesz określić co najmniej jeden rozmiar boksu reklamowego. Gdy używasz reklam elastycznych, możesz również wybrać rozmiar zależny od rozmiaru przeglądarki.
Przykład
Możesz określić, że jeśli rozmiar przeglądarki przekracza 1024 x 768 pikseli, powinny być w niej wyświetlane reklamy 970 x 90 lub 728 x 90, a w mniejszych przeglądarkach tylko reklamy 468 x 60.
Jeśli zechcesz, możesz podać różne mapowania rozmiaru dla komputerów, tabletów i innych urządzeń mobilnych.
- Wszelkie odniesienia do rozmiaru przeglądarki dotyczą tak naprawdę wielkości widocznego obszaru, czyli miejsca, gdzie pojawia się treść.
- Rozmiar przeglądarki nie obejmuje pasków narzędzi przeglądarki, pasków przewijania, obramowań itp.
Mapowanie rozmiaru odbywa się automatycznie, więc zawsze używana jest kreacja o najlepiej dobranym rozmiarze. Możesz określić domyślny rozmiar jednostki reklamowej, aby w sytuacji, gdy żadna inna reklama nie będzie odpowiednia do rozmiaru przeglądarki użytkownika, wyświetlać reklamę pasującą do każdej przeglądarki.
Reklamy elastyczne nie są obsługiwane w przypadku towarzyszących reklam wideo.
Określanie rozmiarów przeglądarki i reklamy
Podczas definiowania każdego boksu reklamowego musisz określić rozmiary reklam, które mogą być w nim wyświetlane. Sposób określania rozmiarów reklam różni się w zależności od typu tych reklam, a także od rozmiaru i elastyczności boksów reklamowych.
Przykładowe kody na potrzeby reklam o stałym rozmiarze, reklam o wielu rozmiarach, reklam elastycznych i innych są dostępne w dokumentacji dla programistów GPT.
Przeczytaj dokumentację dla programistów GPT
Zwijanie pustych boksów reklamowych
Jeśli wiesz, że co najmniej jeden boks reklamowy na Twojej stronie nie zawsze zostaje wypełniony, możesz nakazać przeglądarce zwijanie pustych elementów div, dodając do tagów metodę collapseEmptyDivs().
Ta metoda może powodować zmianę układu treści na stronie, więc decyzję o jej użyciu podejmij na podstawie tego, jak często dany boks reklamowy jest wypełniany.
Aby zwinąć puste elementy <div>, użyj metody collapseEmptyDivs(). W przeciwnym razie, jeśli w boksie reklamowym nie pojawi się reklama, na stronie pozostanie puste miejsce.
Przeczytaj dokumentację dla programistów GPT
Trafikowanie reklam elastycznych
Gdy tworzysz reklamy elastyczne z biblioteką GPT, reklamy te wyświetlają się w zależności od rozmiaru okna przeglądarki i typu urządzenia. Funkcja mapowania analizuje rozmiar ekranu urządzenia wysyłającego żądanie reklamy i sprawdza, czy do Ad Managera zostało skierowane żądanie reklamy o prawidłowym rozmiarze.
W usłudze Ad Manager nie możesz trafikować elastycznych tagów AdSense. Zamiast tego musisz je zaimplementować, używając tagów GPT na odpowiedniej stronie. Określ wysokość i szerokość tagów AdSense zgodnie z formatami reklam displayowych obsługiwanymi przez AdSense.
Przykład
Zaimplementuj reklamę elastyczną z tagami AdSense w rozmiarze 320 x 100 w przypadku telefonów, 300 x 250 w przypadku tabletów i 336 x 280 w przypadku komputerów:
- Dodaj reklamę elastyczną do strony z tagami GPT.
- Utwórz element zamówienia AdSense z 3 rozmiarami (320 x 100, 300 x 250 i 336 x 280).
- Ustaw kierowanie elementu zamówienia na jednostkę reklamową użytą do utworzenia elastycznych tagów.
- Dodaj 3 kreacje o odpowiednich rozmiarach do elementu zamówienia AdSense, trafikując w nich kod AdSense.
