Integracja biblioteki tagu wydawcy Google (GPT) z witryną pod wieloma względami odbywa się tak samo, jak integracja dowolnego innego skryptu firmy zewnętrznej. Istnieją jednak pewne wyjątkowe aspekty współpracy z GPT, o których trzeba pamiętać, by jak najlepiej wykorzystać przestrzeń reklamową przy minimalnym wpływie na wydajność witryny. W końcu szybkie reklamy mają znaczenie.
W sekcjach poniżej znajdziesz sprawdzone metody dotyczące integracji.
Wczytywanie tagu GPT z oficjalnego źródła
Zawsze żądaj biblioteki GPT z oficjalnego źródła:
| Typ integracji | Tag skryptu |
|---|---|
| Standardowy Obejmuje wydawców zintegrowanych z zasadami TCF IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Ograniczone wyświetlanie reklam Dla wydawców, którzy chcą ręcznie włączyć ograniczone wyświetlanie reklam. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Używaj adresu URL ograniczonego wyświetlania reklam tylko w witrynach, w których chcesz ręcznie włączyć ograniczone wyświetlanie reklam. Żądanie GPT z adresu URL ograniczonego wyświetlania reklam, gdy ta funkcja nie jest używana, przeglądarka otwiera dodatkowe, niepotrzebne połączenie sieciowe, co może spowolnić wczytywanie reklam.
Aby zapewnić wydawcom zgodność z przepisami, tagi GPT mogą być ładowane ze standardowego adresu URL z atrybutem crossorigin="anonymous", co uniemożliwia wysyłanie plików cookie razem z żądaniem skryptu.
Nie wyświetlaj wersji GPT przechowywanych w pamięci podręcznej
Nigdy nie udostępniaj wersji biblioteki gpt.js, pubads_impl.js ani żadnych bibliotek wczytywanych z własnego serwera ani nie wczytuj ich z nieoficjalnego źródła.
Korzystanie z biblioteki GPT w lokalnej pamięci podręcznej może nie działać w nowszych wersjach przeglądarek lub systemów operacyjnych. Może też nie być aktualizowana o nowe funkcje i ulepszenia. Wcześniejsze wersje biblioteki GPT mogą w każdej chwili przestać działać, co może prowadzić do utraty przychodów z reklam, jeśli przestaną być przesyłane do tagów.
Dotyczy to też skryptów service worker. Jeśli używasz mechanizmów Service Worker do zapisywania w pamięci podręcznej lub modyfikowania odpowiedzi na żądania HTTP z Twojej witryny, użyj strategii tylko sieciowej do obsługi żądań dla adresu gpt.js, aby pobierać aktualną wersję.
Wczesne ładowanie GPT
Biblioteka GPT (gpt.js) zawiera tylko niewielki fragment kodu niezbędny do wczytywania reklam. Większość tego kodu znajduje się w osobnych plikach (takich jak pubads_impl_XX.js), które są ładowane przez gpt.js w razie potrzeby.
Dzięki wczesnemu ładowaniu podstawowej biblioteki GPT te zależne skrypty mogą być również ładowane wcześniej. Pozwala to uniknąć dodatkowych opóźnień związanych z pobieraniem tych skryptów (jeśli nie są one przechowywane w pamięci podręcznej) i umożliwia szybsze ładowanie reklam. To wszystko skraca czas do wyrenderowania danych dotyczących pierwszego wyrenderowania reklamy, co z kolei zwiększa widoczność reklam.
W razie potrzeby używaj wstępnego wczytywania
Czasami możesz nie mieć bezpośredniej kontroli nad tym, kiedy i jak wczytuje się tag GPT. np. gdy używasz skryptu reklamowego firmy zewnętrznej, który wczytuje
GPT w Twoim imieniu. W takich przypadkach warto wstępnie wczytać żądanie gpt.js. Wstępne wczytywanie żądania nakazuje przeglądarce natychmiastowe pobranie określonego zasobu, który jest niezbędny do załadowania strony. Jeśli określony zasób jest plikiem JavaScript, zawartość skryptu jest pobierana natychmiast, ale wykonanie jest odłożone do momentu, gdy skrypt jest potrzebny.
Przykład żądania wstępnego wczytywania na potrzeby integracji standardowych
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Przykład żądania wstępnego wczytywania na potrzeby integracji z ograniczonym wyświetlaniem reklam
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Używanie GPT na wstępnie renderowanych stronach
Renderowanie wstępne informuje przeglądarkę, że ma zapobiegawczo pobierać i renderować strony, których użytkownicy jeszcze nie zażądali, ale prawdopodobnie je odwiedzą. W przypadku wczytywania wstępnie renderowanej strony biblioteka GPT wysyła żądanie reklamy tylko wtedy, gdy strona jest widoczna.
Statyczne ładowanie GPT
Unikaj dynamicznego wstrzykiwania biblioteki GPT do strony ani jej wczytywania z zewnętrznego skryptu. Zamiast tego wczytaj bibliotekę statycznie w elemencie <head> na stronie, zgodnie z instrukcjami w sekcji Pierwsze kroki z tagami wydawcy Google. Zapobiega to opóźnianiu pobierania i wczytywania biblioteki GPT przez inne zasoby, co z kolei mogłoby opóźniać ładowanie reklam.
Więcej informacji znajdziesz w dokumentacji usługi Publisher Ads Audits for Lighthouse na temat statycznego ładowania skryptów reklamowych.
Niesynchroniczne ładowanie tagu GPT
Uwzględnij słowo kluczowe async w definicji tagu skryptu, jak pokazano w artykule Pierwsze kroki z tagami wydawcy Google. Instruuje przeglądarkę, by ładowała bibliotekę GPT równolegle z innymi zasobami i zawartością strony, zamiast blokować wykonywanie skryptu, dopóki nie zakończy się wczytywanie.
Więcej informacji znajdziesz w dokumentacji usługi Publisher Ads Audits for Lighthouse na temat asynchronicznego ładowania tagów reklamy.
Bezpieczne ładowanie GPT
Zawsze ładuj bibliotekę GPT przez HTTPS, jak pokazano w sekcji Pierwsze kroki z tagami wydawcy Google. Zwiększa to nie tylko bezpieczeństwo użytkowników, ale i wydajność. Żądania reklam wysyłane przez GPT zawsze używają HTTPS, dlatego załadowanie biblioteki przez HTTPS sprawia, że przeglądarka musi otworzyć tylko 1 połączenie dla wszystkich żądań związanych z wyświetlaniem reklam.
Więcej informacji znajdziesz w dokumentacji Publisher Ads Audits for Lighthouse. Wczytuj tag reklamy przez HTTPS i wczytuj tag GPT z zalecanego hosta.
Dbaj o dobrą wydajność stron
Sprawdzone metody w tym przewodniku dotyczą optymalizacji integracji GPT, ale na ogólną skuteczność strony ma wpływ wiele innych czynników. Przy wprowadzaniu zmian w witrynie (zwłaszcza takich opartych na ogólnych rekomendacjach, takich jak te w tym przewodniku), trzeba ocenić ich wpływ na wszystkie aspekty działania 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ć odpowiednie optymalizacje dla witryny.