Po zintegrowaniu biblioteki tagów wydawcy Google (GPT) z witryną i zapoznaniu się z naszymi ogólnymi sprawdzonymi metodami możesz zacząć wysyłać żądania reklam. Poniżej omówimy kilka innych sprawdzonych metod, o których warto pamiętać podczas konfigurowania boksów reklamowych oraz jak ich używać, aby jak najlepiej wykorzystać przestrzeń reklamową przy minimalnym wpływie na skuteczność.
Priorytety „ważnych” boksów reklamowych
Nie wszystkie boksy reklamowe są sobie równe. Na przykład boksy widoczne od razu po wczytaniu strony (w części strony widocznej na ekranie) mają zwykle większe znaczenie niż te, które nie są widoczne do chwili przewijania (do części strony widocznej po przewinięciu), pod względem widoczności i zarabiania. Dlatego ważne jest, aby dokładnie przeanalizować względne znaczenie każdego boksu reklamowego na stronie i skupić się na jak najszybszym ładowaniu najważniejszych boksów.
Wczesne wczytywanie reklam w części strony widocznej na ekranie
Reklamy, które będą widoczne zaraz po wczytaniu strony, powinny mieć najwyższy priorytet. Zalecamy zdefiniowanie tych boksów w <head> dokumentu i żądanie ich jak najwcześniej na początku wczytywania strony. Dzięki temu są one wczytywane z wyprzedzeniem (maksymalizowanie widoczności) i nie są niepotrzebnie spowolnione przy początkowym wczytywaniu strony.
Leniwe ładowanie reklam w części strony widocznej po przewinięciu
W przypadku reklam, które muszą przewinąć widok, należy pobierać i renderować, aż boksy pojawią się blisko widocznego obszaru. Ten proces jest nazywany leniwym wczytywaniem. Leniwe ładowanie umożliwia priorytetowe traktowanie żądań kreacji i renderowanie ich zawartości w przypadku boksów, które mają największe szanse na wyświetlenie. Pomaga to zoptymalizować wydajność wczytywania stron, ograniczając ilość zasobów przeglądarki, co jest szczególnie ważne w środowiskach mobilnych, w których przepustowość i procesor są często ograniczone.
Odświeżanie reklam bez odświeżania strony
W wielu przypadkach optymalna lub nawet konieczna jest wymiana aktualnej treści boksu. W takich przypadkach najlepiej jest użyć funkcji odświeżania biblioteki GPT, by zrobić to dynamicznie. Pozwala to uniknąć odświeżania strony i umożliwia dokładne kontrolowanie warunków, w jakich mają być aktualizowane przedziały lub grupy boksów.
Podczas odświeżania boksów reklamowych pamiętaj o sprawdzonych metodach dotyczących refresh().
Nieodpowiednie odświeżanie reklam może powodować problemy ze skutecznością i mieć negatywny wpływ na współczynniki widoczności.
Skuteczne kierowanie reklam
Konfigurując kierowanie według par klucz-wartość, zastanów się, czy chcesz używać 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ą metody PubAdsService setTargeting(). Kierowanie na poziomie boksu powinno służyć tylko do rejestrowania par klucz-wartość, które różnią się lub nie są uwzględniane we wszystkich boksach.
Pamiętaj, że można używać kierowania na poziomie boksu i strony jednocześnie, jak widać w przykładzie ustawienia ustawionego. Zdecydowanie zalecamy najpierw ustawić kierowanie na poziomie strony, a następnie, w razie potrzeby, zastąpić ustawienia na poziomie boksu. Takie podejście nie tylko skutecznie wykorzystuje interfejs API GPT, ale też upraszcza kod i utrzymuje jasny model umysłowy wszystkich ustawień kierowania skonfigurowanych na stronie.
Prawidłowa architektura z pojedynczym żądaniem
Architektura z pojedynczym żądaniem (SRA) to tryb żądania GPT, który łączy żądania wielu boksów reklamowych w jedno żądanie. Dzięki temu będziemy uwzględniać wykluczenia konkurencji i reklamy na wyłączność skonfigurowane dla Twojej strony. Jeśli więc używasz ich w swojej witrynie, zalecamy włączenie architektury z pojedynczym żądaniem i prawidłowe korzystanie z niego.
W domyślnej konfiguracji SRA żąda wszystkich boksów reklamowych zdefiniowanych na stronie przy pierwszym wywołaniu strony display() (lub refresh(), jeśli wstępne wczytywanie jest wyłączone). Dlatego zalecamy, aby przed pierwszym wywołaniem metody display() zdefiniować wszystkie boksy reklamowe na stronie w <head> dokumentu.
W połączeniu z tym podejściem można stosować leniwe ładowanie, aby mieć pewność, że przedziały w części strony widocznej po przewinięciu nie będą ładowane od razu.
Przed rozpoczęciem pierwszego wywołania display() musisz dokładnie skonfigurować wszystkie boksy reklamowe (np. ustawić kierowanie, wykluczenie kategorii itp.). W początkowym żądaniu SRA zostaną uwzględnione tylko wartości skonfigurowane przed tym punktem.
Nieprawidłowo – w żądaniu SRA nie ma konfiguracji boksu reklamowego.
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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.pubads().enableSingleRequest();
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.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Prawidłowo – w żądaniu SRA znajdują się konfiguracje boksów reklamowych.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
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 rozmiaru reklamy
Przy definiowaniu boksów reklamowych weź pod uwagę nie tylko maksymalny rozmiar reklamy, ale także mniejsze rozmiary, które mogłyby pasować do tej samej przestrzeni. Ogólnie im więcej rozmiarów określisz podczas tworzenia boksu, tym więcej reklam będzie do niego kwalifikować. Dzięki temu współczynnik wypełnienia i przychody mogą wzrosnąć.