Zintegrowanie biblioteki tagu wydawcy Google (GPT) z witryną przebiega pod wieloma względami tak samo jak integracja dowolnego innego skryptu zewnętrznego. Są jednak pewne unikalne aspekty pracy z tagami GPT, o których trzeba pamiętać, by w pełni wykorzystać przestrzeń reklamową przy minimalnym wpływie na skuteczność witryny. Szybkie reklamy mają przecież znaczenie.
Poniżej omówimy kilka sprawdzonych metod, o których warto pamiętać, pracując nad własną integracją.
Ładowanie tagu GPT z oficjalnego źródła
Zawsze żądaj biblioteki GPT z oficjalnego źródła:
| Typ integracji | URL |
|---|---|
| Standardowe | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| Ograniczone wyświetlanie reklam | https://pagead2.googlesyndication.com/tag/js/gpt.js |
Nie należy udostępniać wersji gpt.js, pubads_impl.js ani żadnych bibliotek, które są ładowane z Twojego serwera ani wczytywać ich z nieoficjalnego źródła.
Użycie lokalnej wersji GPT z pamięci podręcznej może nie zawsze działać w nowszych wersjach przeglądarek lub systemów operacyjnych i może nie uwzględniać nowych funkcji i udoskonaleń. Obsługa starszych wersji biblioteki GPT może zostać przerwana w każdej chwili, co może spowodować utratę przychodów z reklam, jeśli reklamy przestaną być wyświetlane w tagach.
Dotyczy to też skryptów service worker. Jeśli używasz skryptów service worker do zapisywania w pamięci podręcznej lub modyfikowania odpowiedzi na żądania HTTP z witryny, do obsługi żądań gpt.js używaj strategii opartej tylko na sieci, aby pobrać aktualną wersję.
Wczesne ładowanie tagu GPT
Biblioteka GPT (gpt.js) zawiera tylko niewielki fragment kodu niezbędnego do wczytywania reklam. Większość kodu znajduje się w osobnych plikach (np. pubads_impl_XX.js), które w razie potrzeby są wczytywane przez gpt.js.
Wczesne wczytywanie podstawowej biblioteki GPT umożliwia również wcześniejsze ładowanie tych zależnych skryptów. Pozwala to uniknąć dodatkowych opóźnień związanych z pobieraniem skryptów (jeśli nie są one zapisane w pamięci podręcznej) i szybciej wczytywać reklamy. Wszystko to przyczynia się do skrócenia czasu do wyrenderowania pierwszej 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. Na przykład gdy używasz skryptu reklamowego firmy zewnętrznej, który wczytuje tag GPT w Twoim imieniu. W takich przypadkach wskazane może być wstępne wczytanie żądania strony gpt.js. Wstępne wczytywanie żądania nakazuje przeglądarce natychmiastowe pobranie określonego zasobu, który ma kluczowe znaczenie dla wczytania strony. Jeśli podany zasób jest plikiem JavaScript, zawartość skryptu jest pobierana natychmiast, ale wykonywanie skryptu jest odkładane do momentu, gdy będzie on potrzebny.
Przykładowe żądanie wstępnego wczytania w przypadku integracji standardowych
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Przykładowe żądanie wstępnego wczytania w przypadku ograniczonych integracji z reklamami
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Używanie tagów GPT na wstępnie renderowanych stronach
Wstępne renderowanie instruuje przeglądarkę, aby z wyprzedzeniem pobierała i renderowała strony, o których użytkownicy nie mogą jeszcze prosić, ale które prawdopodobnie odwiedzą. Gdy strona jest wczytywana na wstępnie renderowanej stronie, biblioteka GPT wysyła żądania reklam tylko wtedy, gdy strona zostanie uwidoczniona i kiedy to nastąpi.
Statyczne ładowanie tagu GPT
Unikaj dynamicznego wstawiania biblioteki GPT na stronie i wczytywania jej z zewnętrznego skryptu. Zamiast tego wczytaj bibliotekę statycznie w elemencie <head> strony, jak pokazano w sekcji Pierwsze kroki z tagami wydawcy Google. Zapobiega to opóźnieniu pobierania i ładowania biblioteki GPT przez inne zasoby, co z kolei opóźnia wczytywanie reklam.
Więcej informacji znajdziesz w dokumentacji audytu Publisher Ads Audits for Lighthouse dotyczącego statycznego wczytywania skryptów reklamowych.
Niesynchroniczne ładowanie tagu GPT
W definicji tagu skryptu uwzględnij słowo kluczowe async, tak jak w artykule Pierwsze kroki z tagami wydawcy Google. Dzięki temu przeglądarka będzie ładować bibliotekę GPT równolegle z innymi zasobami i zawartością strony, zamiast blokować wykonanie skryptu do momentu załadowania skryptu.
Więcej informacji znajdziesz w dokumentacji kontroli dotyczącej asynchronicznego wczytywania tagu reklamy w narzędziu Publisher Ads Audits for Lighthouse.
Bezpieczne ładowanie tagu GPT
Zawsze ładuj bibliotekę GPT przez protokół HTTPS, jak pokazano w artykule Pierwsze kroki z tagami wydawcy Google. Zwiększa to nie tylko bezpieczeństwo użytkowników, ale też poprawia wydajność. Żą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 dotyczącej ładowania tagu reklamy przez HTTPS dostępnego w narzędziu Publisher Ads Audits for Lighthouse oraz w dokumentacji dotyczącej ładowania tagu GPT z rekomendowanego hosta.
Sprawdzone metody działania strony
Opisane w tym przewodniku sprawdzone metody dotyczą optymalizacji integracji GPT, ale na ogólną skuteczność strony ma wpływ wiele innych czynników. Podczas wprowadzania zmian w witrynie (zwłaszcza tych opartych na ogólnych rekomendacjach, takich jak te opisane w tym przewodniku) ważne jest, aby ocenić ich wpływ na wszystkie aspekty wydajności strony. Zalecamy regularne korzystanie z narzędzi takich jak Lighthouse i Publisher Ads Audits for Lighthouse, które pozwalają identyfikować i rozwiązywać problemy ze skutecznością oraz znajdować właściwą równowagę w optymalizacji witryny.