Integracja biblioteki tagu wydawcy Google (GPT) z witryną jest pod wieloma względami podobna do integracji dowolnego skryptu innej firmy. Istnieją jednak pewne unikalne aspekty pracy z GPT, które należy wziąć pod uwagę, aby w pełni wykorzystać przestrzeń reklamową przy minimalnym wpływie na wydajność witryny. W końcu szybkie reklamy mają znaczenie.
W sekcjach poniżej znajdziesz sprawdzone metody, które warto stosować podczas pracy nad integracją.
Ładowanie GPT z oficjalnego źródła
Aby mieć dostęp do najnowszych funkcji i zabezpieczeń prywatności, zawsze pobieraj bibliotekę GPT z oficjalnego źródła, korzystając z jednego z adresów URL podanych w tabeli poniżej. Adres URL, którego należy użyć, zależy od tego, czy planujesz ręcznie włączyć tryb ograniczonego wyświetlania reklam (LTD).
| Typ integracji | Tag skryptu |
|---|---|
| Standardowe Obejmuje wydawców zintegrowanych z zasadami TCF IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Ręczne włączanie ograniczonego wyświetlania reklam Jeśli chcesz ręcznie włączyć ograniczone wyświetlanie reklam (LTD). |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Tryb ograniczonego wyświetlania reklam umożliwia GPT wyświetlanie reklam bez dostępu do pamięci po stronie klienta (np. plików cookie lub identyfikatorów lokalnych). Ograniczone wyświetlanie reklam można włączyć na 2 sposoby:
Standardowy (automatyczny): platforma CMP informuje GPT, że użytkownik nie wyraził zgody na dostęp do pamięci. Zwykle robi to za pomocą sygnału IAB TCF w wersji 2.0. Jeśli do zarządzania zgodą użytkowników korzystasz z certyfikowanej przez Google platformy CMP, GPT automatycznie przejdzie w tryb ograniczonego wyświetlania reklam na podstawie preferencji użytkownika.
- Adres URL: wczytaj GPT ze standardowego adresu URL (doubleclick.net).
- Nie musisz podejmować żadnych działań: gdy używasz platformy CMP, nie musisz ręcznie wywoływać funkcji
setPrivacySettings({limitedAds: true}), ponieważ sygnały są obsługiwane automatycznie przez bibliotekę.
Ręcznie: wywołujesz wprost interfejs GPT API, aby wysłać żądanie ograniczonego wyświetlania reklam.
- Adres URL: jeśli zamierzasz ręcznie włączyć ograniczone wyświetlanie reklam za pomocą interfejsu API
googletag.pubads().setPrivacySettings({limitedAds: true}), musisz wczytać tag GPT z domeny działającej bez użycia plików cookiegooglesyndication.com. - Uzasadnienie: wczytywanie biblioteki GPT z domeny
googlesyndication.comzapewnia dodatkowe zabezpieczenia przed domyślnym dostępem do pamięci po stronie klienta. - Skutki nieprawidłowej konfiguracji: jeśli tag GPT jest wczytywany ze standardowego adresu URL i wywoływany jest interfejs API do ręcznego sterowania, żądanie włączenia ograniczonego wyświetlania reklam zostanie zignorowane, a w Konsoli wydawcy zostanie zarejestrowane ostrzeżenie.
- Adres URL: jeśli zamierzasz ręcznie włączyć ograniczone wyświetlanie reklam za pomocą interfejsu API
Nie wyświetlaj wersji tagu GPT z pamięci podręcznej
Nigdy nie udostępniaj wersji gpt.js, pubads_impl.js ani żadnych bibliotek ładowanych z własnego serwera czy nieoficjalnego źródła.
Korzystanie z wersji biblioteki GPT z lokalnej pamięci podręcznej może nie zawsze działać w nowszych wersjach przeglądarek lub systemów operacyjnych i może nie być aktualizowane o nowe funkcje i ulepszenia. Starsze wersje biblioteki GPT mogą w dowolnym momencie przestać działać, co może skutkować utratą przychodów z reklam, jeśli reklamy przestaną się wyświetlać w tagach.
Dotyczy to też skryptów service worker. Jeśli używasz service workerów do buforowania lub modyfikowania odpowiedzi na żądania HTTP pochodzące z Twojej witryny, podczas obsługi żądań dotyczących gpt.js stosuj strategię tylko sieciową, aby pobrać aktualną wersję.
Wcześniejsze wczytywanie tagu GPT
Biblioteka GPT (gpt.js) zawiera tylko niewielką część kodu niezbędnego do wczytywania reklam. Większość tego kodu znajduje się w osobnych plikach (np. pubads_impl_XX.js), które są wczytywane przez gpt.js w razie potrzeby.
Wcześniejsze wczytanie podstawowej biblioteki GPT umożliwia wcześniejsze wczytanie tych skryptów zależnych. Pozwala to uniknąć dodatkowych opóźnień związanych z pobieraniem tych skryptów (jeśli nie są one w pamięci podręcznej) i umożliwia szybsze wczytywanie reklam. Wszystko to przyczynia się do skrócenia czasu renderowania pierwszej reklamy, co z kolei zwiększa widoczność reklam.
W razie potrzeby używaj wstępnego wczytywania
Czasami nie masz bezpośredniej kontroli nad tym, kiedy i jak wczytywana jest biblioteka GPT. Na przykład podczas korzystania ze skryptu reklam firmy zewnętrznej, który w Twoim imieniu wczytuje GPT. W takich przypadkach warto wstępnie wczytać żądanie dotyczące gpt.js. Wstępne wczytywanie żądania powoduje, że przeglądarka natychmiast pobiera określony zasób, który jest niezbędny do wczytania strony. Jeśli określony zasób jest plikiem JavaScript, zawartość skryptu jest pobierana natychmiast, ale wykonanie jest odraczane do momentu, gdy skrypt jest potrzebny.
Przykładowe żądanie wstępnego wczytywania w przypadku standardowych integracji
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Przykładowe żądanie wstępnego wczytywania w przypadku integracji z ograniczonym wyświetlaniem reklam
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Używanie komponentu fetchpriority do określania priorytetu wczytywania skryptów
Za pomocą atrybutu fetchpriority możesz przekazać przeglądarce względny priorytet pobierania zasobów GPT. Domyślnie gpt.js automatycznie wysyła żądanie dotyczące podstawowego skryptu implementacji (pubads_impl.js) i skryptów interfejsu Google Privacy & Messaging API z parametrem fetchpriority="high", aby zoptymalizować planowanie sieci i skrócić czas oczekiwania na wczytanie reklamy. Zwiększenie priorytetu może mieć wpływ na wczytywanie innych zasobów na stronie i Core Web Vitals. Aby zmaksymalizować wpływ opóźnienia w przypadku ustawienia wartości fetchpriority na wysoką, zalecamy bezpośrednie ustawienie wartości gpt.js.
Aby nadać priorytet pobieraniu samego skryptu wczytującego gpt.js (lub skonfigurować odziedziczony priorytet skryptów pubads_impl.js i skryptów narzędzia Prywatność i wyświetlanie wiadomości od Google), możesz dodać atrybut fetchpriority bezpośrednio do tagu gpt.js <script>:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
Gdy w tagu gpt.js loader<script> określisz atrybut fetchpriority, dynamicznie wstawiany skrypt implementacji oraz skrypty Google dotyczące prywatności i wiadomości automatycznie dziedziczą określoną wartość fetchpriority (np. "high", "low" lub "auto").
Używanie tagów GPT na wstępnie wyrenderowanych stronach
Renderowanie wstępne nakazuje przeglądarce pobieranie i renderowanie stron, o które użytkownicy jeszcze nie poprosili, ale prawdopodobnie je odwiedzą. Gdy biblioteka GPT jest wczytywana na wstępnie renderowanej stronie, wysyła żądania reklam tylko wtedy, gdy strona staje się widoczna.
Statyczne wczytywanie GPT
Unikaj dynamicznego wstawiania biblioteki GPT na stronie lub wczytywania jej z zewnętrznego skryptu. Zamiast tego załaduj bibliotekę statycznie w sekcji <head> strony, jak pokazano w artykule Wprowadzenie do tagów wydawców Google. Zapobiega to opóźnianiu pobierania i wczytywania biblioteki GPT przez inne zasoby, co z kolei opóźniałoby wczytywanie reklam.
Więcej informacji znajdziesz w dokumentacji audytu Publisher Ads Audits for Lighthouse dotyczącej statycznego wczytywania skryptów reklam.
Niesynchroniczne ładowanie GPT
W definicji tagu skryptu uwzględnij słowo kluczowe async, jak pokazano w artykule Wprowadzenie do tagów wydawcy Google. Dzięki temu przeglądarka będzie wczytywać bibliotekę GPT równolegle z innymi zasobami i treściami strony, zamiast blokować wykonywanie do czasu zakończenia wczytywania skryptu.
Więcej informacji znajdziesz w dokumentacji audytu Publisher Ads Audits for Lighthouse dotyczącej asynchronicznego wczytywania tagu reklamy.
Bezpieczne wczytywanie GPT
Bibliotekę GPT zawsze ładuj przez HTTPS, jak pokazano w artykule Wprowadzenie do tagów wydawcy Google. Wpływa to na zwiększenie bezpieczeństwa użytkowników oraz poprawę wydajności. Żądania reklamy wysyłane przez GPT zawsze używają HTTPS, dlatego załadowanie biblioteki przez HTTPS sprawia, że przeglądarka musi nawiązać tylko 1 połączenie dla wszystkich żądań związanych z wyświetlaniem reklam.
Więcej informacji znajdziesz w dokumentacji audytów Publisher Ads Audits for Lighthouse dotyczących wczytywania tagu reklamy przez HTTPS i wczytywania GPT z zalecanego hosta.
Zadbaj o wydajność strony
Sprawdzone metody opisane w tym przewodniku dotyczą optymalizacji integracji z GPT, ale na ogólną skuteczność strony wpływa wiele innych czynników. Wprowadzając zmiany w witrynie (zwłaszcza te oparte na ogólnych rekomendacjach, takich jak te w tym przewodniku), musisz ocenić ich wpływ na wszystkie aspekty skuteczności strony. Zalecamy regularne uruchamianie narzędzi takich jak Lighthouse i Publisher Ads Audits for Lighthouse, aby wykrywać i rozwiązywać problemy z wydajnością oraz znajdować odpowiednią równowagę optymalizacji w przypadku Twojej witryny.