Po zintegrowaniu biblioteki tagu wydawcy Google (GPT) z witryną i zapoznaniu się z naszymi ogólnymi sprawdzonymi metodami możesz zacząć wysyłać żądania reklam. W kolejnych sekcjach omówimy kilka dodatkowych sprawdzonych metod, o których warto pamiętać podczas konfigurowania boksów reklamowych i pracy z nimi, aby jak najlepiej wykorzystać przestrzeń reklamową przy minimalnym wpływie na wydajność.
Nadawanie priorytetu „ważnym” boksom reklamowym
Nie wszystkie boksy reklamowe są takie same. Na przykład boksy, które są widoczne od razu po wczytaniu strony (w części strony widocznej na ekranie), są zwykle „ważniejsze” pod względem widoczności i zarabiania niż te, które są widoczne dopiero po przewinięciu (w części strony widocznej po przewinięciu). Dlatego warto dokładnie przemyśleć względne znaczenie każdego boksu reklamowego na stronie i nadać priorytet jak najszybszemu wczytywaniu najważniejszych boksów.
Wczesne wczytywanie reklam w części strony widocznej na ekranie
Reklamy, które będą widoczne natychmiast po wczytaniu strony, powinny mieć najwyższy priorytet. Zalecamy zdefiniowanie tych boksów w sekcji <head> dokumentu i wysyłanie żądań ich wyświetlenia jak najwcześniej podczas wczytywania strony. Dzięki temu reklamy te są wczytywane wcześniej (co maksymalizuje widoczność) i nie spowalniają niepotrzebnie początkowego wczytywania strony.
Leniwe ładowanie reklam w części strony widocznej po przewinięciu
W przypadku reklam, które trzeba przewinąć, aby stały się widoczne, pobieranie i renderowanie powinno być odroczone do momentu, gdy boksy reklamowe znajdą się blisko widocznego obszaru. Ten proces nazywa się leniwym ładowaniem. Leniwe ładowanie osobno nadaje priorytet żądaniom i renderowaniu treści kreacji w boksach, które mają największe szanse na wyświetlenie. Pomaga to zoptymalizować wydajność wczytywania strony przez oszczędzanie ograniczonych zasobów przeglądarki, co jest szczególnie ważne w środowiskach mobilnych, gdzie przepustowość i moc procesora są często bardzo ograniczone.
Odświeżanie reklam bez odświeżania strony
Istnieje wiele sytuacji, w których optymalne lub nawet konieczne jest zastąpienie bieżącej treści reklamy w boksie. W takich przypadkach najlepiej jest użyć funkcji odświeżania biblioteki GPT, aby robić to dynamicznie. Pozwala to uniknąć odświeżania całej strony i precyzyjnie kontrolować warunki, w których boks lub grupa boksów są aktualizowane.
Podczas odświeżania boksów reklamowych należy znać i stosować refresh()sprawdzone metody.
Nieprawidłowe odświeżanie reklam może powodować problemy z wydajnością i negatywnie wpływać na współczynniki widoczności.
Efektywne kierowanie reklam
Podczas konfigurowania kierowania na pary klucz-wartość dokładnie przemyśl, czy chcesz użyć kierowania na poziomie boksu czy strony. W przypadku par klucz-wartość udostępnianych między wieloma boksami najskuteczniejsze jest kierowanie na poziomie strony za pomocą googletag.setConfig({ targeting: ... }). Kierowanie na poziomie boksu powinno być używane tylko do rejestrowania par klucz-wartość, które różnią się lub nie są uwzględnione we wszystkich boksach.
Pamiętaj, że możesz używać kierowania zarówno na poziomie boksu, jak i strony, jak pokazano w przykładzie ustawiania kierowania. Zdecydowanie zalecamy, aby najpierw skonfigurować kierowanie na poziomie strony, a potem stosować zastąpienia na poziomie boksu tylko tam, gdzie jest to konieczne. Takie podejście nie tylko pozwala efektywnie korzystać z interfejsu API GPT, ale też upraszcza kod i pomaga zachować przejrzysty model mentalny wszystkich ustawień kierowania skonfigurowanych na stronie.
Prawidłowe korzystanie z architektury z pojedynczym żądaniem
Architektura z pojedynczym żądaniem (SRA) to tryb żądania GPT, który łączy żądania dotyczące wielu boksów reklamowych w jedno żądanie reklamy. Dzięki temu wykluczenia konkurencji i reklamy na wyłączność skonfigurowane dla Twojej strony będą uwzględniane. Jeśli więc Twoja strona korzysta z tych funkcji, zalecamy włączenie architektury SRA i zapoznanie się z jej prawidłowym użyciem.
W domyślnej konfiguracji architektura SRA wysyła żądanie dotyczące wszystkich boksów reklamowych zdefiniowanych na stronie przy pierwszym wywołaniu funkcji display() (lub refresh(), jeśli wyłączone jest początkowe wczytywanie). Z tego powodu zalecamy zdefiniowanie wszystkich boksów reklamowych na stronie w sekcji <head> dokumentu przed pierwszym wywołaniem funkcji display().
W połączeniu z tym podejściem można używać leniwego ładowania, aby boksów znajdujących się w części strony widocznej po przewinięciu nie ładować od razu.
W przypadku architektury SRA ważne jest, aby w pełni skonfigurować wszystkie boksy reklamowe (np. ustawić kierowanie, wykluczenie kategorii itp.) przed pierwszym wywołaniem funkcji display(). W początkowym żądaniu SRA zostaną uwzględnione tylko wartości skonfigurowane przed tym punktem.
Nieprawidłowo – konfiguracja boksu reklamowego nie jest uwzględniona w żądaniu SRA.
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setConfig({ targeting: { test: 'privacy' } });
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Prawidłowo – konfiguracja boksu reklamowego jest uwzględniona w żądaniu SRA.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
adSlot2.setConfig({ targeting: { test: 'privacy' } });
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
Optymalizacja rozmiarów reklam
Podczas definiowania boksów reklamowych weź pod uwagę nie tylko maksymalny rozmiar reklamy, która może się wyświetlić, ale też mniejsze rozmiary, które mogą się zmieścić w tej samej przestrzeni. Ogólnie rzecz biorąc, im więcej rozmiarów określisz podczas definiowania boksu, tym więcej reklam będzie mogło się w nim wyświetlać. Może to prowadzić do podwyższenia współczynników wypełnienia i zwiększenia przychodów.