Szybkie reklamy mają znaczenie

Dowiedz się, jak zwiększenie szybkości reklam może zwiększyć przychody i zadowolenia użytkowników oraz jak poprawić szybkość reklam.

Gustav Ernberg von Heijne
Gustav Ernberg von Heijne
Jonathon Imperiosi
Jonathon Imperiosi
Rob Hazan
Rob Hazan

Jeśli, podobnie jak większość wydawców w internecie, Twoja firma oferuje prostą wartość wymiany: dostarczasz treści, które użytkownicy uznają za wartościowe, a przy okazji wyświetlasz im trafne reklamy, które generują przychody. Ale jeśli te reklamy spowalniają przesyłanie treści, to czy rzeczywiście dotrzymujesz końca umowy?

Z tego posta dowiesz się, jakie korzyści przynoszą wszystkim reklamy, a także jak rozpocząć badania i zwiększyć szybkość wyświetlania reklam w swoich witrynach.

Dlaczego szybkie reklamy są takie ważne?

Szybkie reklamy poprawiają wrażenia użytkowników

Użytkownicy odwiedzają ją w poszukiwaniu rozrywki, informacji lub poszerzania wiedzy. Oczekują, że będzie ona szybko wczytywała się szybko i bez zakłóceń. Jeśli użytkownicy robią to dobrze, mają tendencję do częstszego powrotu do witryny. Chociaż reklamy są niezbędne w Twojej firmie, jeśli spowalniają Twoją stronę, mogą wpływać na cel użytkownika.

Przeglądarka ma ograniczone zasoby – pamięć, procesor i przepustowość sieci. Im więcej tych zasobów zużywają reklamy, tym dłużej trwa udoskonalenie wizualne i interaktywne strony. Może to wpływać na dane związane z wrażeniami użytkownika, takie jak długość sesji i współczynnik odrzuceń. Możesz poprawić te dane, wyświetlając najprostsze reklamy i wczytując je w odpowiednim momencie (co nie zawsze jest możliwe od razu).

Dla wielu wydawców e-commerce reklamy displayowe są dodatkowym źródłem przychodów. Jeśli jesteś jednym z takich wydawców, wiesz, że reklamy umieszczane na tej stronie mają negatywny wpływ na podstawowe dane dotyczące Twojej działalności (sprzedaż, subskrypcje itp.). Szybkie reklamy, które nie przeszkadzają na stronie, polepszają też podstawowe wskaźniki biznesowe.

Szybkie reklamy – więcej pieniędzy

Innym spojrzeniem na ten temat jest spojrzenie z perspektywy reklamodawcy. Im szybciej reklama pojawi się na stronie, tym dłużej będzie widoczna na ekranie, tym większa szansa, że będzie widoczna i bardziej widoczna. Wraz ze wzrostem liczby wyświetleń i interakcji rośnie też wartość boksów reklamowych dla reklamodawców.

I na odwrót, im dłużej trwa wyświetlanie reklamy na stronie, tym większa liczba wyświetleń i widocznych wyświetleń. Aby pokazać skalę problemu, na wykresach poniżej widać zbiorcze dane z eksperymentu, w którym przed każdą odpowiedzią na reklamę wstrzyknięto opóźnienie od 100 ms do 1 s dla 4 miliardów wyświetleń w witrynach z tagiem wydawcy Google w trybie wielu żądań. Linie przerywane to ekstrapolacje mające na celu wyobrażenie sobie, jak zwiększenie szybkości reklam może zwiększyć liczbę wyświetleń i współczynnik widoczności.

Po 1 sekundzie opóźnienia liczba wyświetleń spadła o 1,1% w przypadku ruchu z urządzeń mobilnych i o 1,9% w przypadku ruchu z komputerów.

Wykres przedstawiający zmianę czasu oczekiwania i zmianę liczby wyświetleń
Źródło: wewnętrzne dane Google, grudzień 2016 r. – styczeń 2017 r.

Po 1 sekundy opóźnienia współczynnik widoczności spadł o 3,6% w przypadku ruchu z urządzeń mobilnych i 2,9% w przypadku ruchu z komputerów.

Wykres przedstawiający zmianę współczynnika widoczności w przypadku wstrzykniętego opóźnienia
Źródło: wewnętrzne dane Google, grudzień 2016 r. – styczeń 2017 r.

Schemat myślenia o szybkości reklam

Nowoczesne witryny mają złożone i zróżnicowane konfiguracje wyświetlania reklam, co oznacza, że nie ma jednej, uniwersalnej metody przyspieszenia wyświetlania reklam. Poniższe sekcje zawierają ogólny schemat, na który możesz myśleć o szybkości reklam. Niektóre punkty dotyczą Google Ad Managera, ale zasady obowiązują nawet wtedy, gdy używasz innego serwera reklam.

Dowiedz się, dlaczego chcesz zwiększyć szybkość reklam

Zanim zaczniesz pracować nad poprawą szybkości reklam, określ swoje cele. Czy ma to zwiększyć wygodę użytkowników? Aby zwiększyć widoczność? W obu przypadkach?

Niezależnie od tego, jakie są Twoje cele, warto ustalić, które wskaźniki pozwolą Ci mierzyć i śledzić postępy w ich realizacji na przestrzeni czasu. Odpowiednie dane umożliwiają:

  • Upewnij się, że wprowadzane zmiany zmierzają we właściwym kierunku.
  • Przeprowadzaj eksperymenty, np. testy A/B, aby ocenić skuteczność określonych zmian.

Po wybraniu odpowiednich danych skonfiguruj raportowanie, aby móc je łatwo śledzić. Dobrym rozwiązaniem będzie w tym celu panel, który pozwala sprawdzać okresowe lub zaplanowane raporty wysyłane e-mailem.

Informacje o zasobach i zależnościach

Aby zidentyfikować możliwości poprawy szybkości reklam, musisz najpierw poznać typy zasobów reklamowych obsługiwane przez witrynę i zależności techniczne każdego z nich.

Załóżmy na przykład, że witryna obsługuje te typy zasobów reklamowych:

  • Długi baner na komputery
  • Baner na komórki

Aby wczytywać i wyświetlać reklamy, przykładowa witryna korzysta z kodu:

  • Platforma do zarządzania zgodą użytkowników
  • Skrypty dotyczące odbiorców
  • Skrypty do określania stawek przez kod w nagłówku
  • Platforma renderowania

Najpierw utwórz schemat blokowy dla każdego typu zasobów reklamowych, aby zwizualizować interakcje różnych zależności podczas wczytywania i wyświetlania reklamy. Zasoby reklamowe długiego banera na komputery mogą wyglądać tak:

Przykładowy przepływ pracy dla typu zasobów reklamowych Długi baner na komputery.

Bardziej złożony typ zasobów reklamowych, taki jak baner na komórki, może wyglądać tak:

Przykładowy proces obsługi typu zasobów reklamowych w banerach mobilnych.

Następnie użyj tych informacji do utworzenia prostej tabeli, takiej jak ta poniżej, która mapuje każdy typ zasobów reklamowych na jego zależności w przystępnym formacie.

Typ zasobów reklamowych Platforma do zarządzania zgodą użytkowników Skrypt dotyczący odbiorców Skrypt określania stawek przez kod w nagłówku Platforma renderowania
Długi baner na komputery ✔ (X) ✔ (A) -
Baner na komórki ✔ (X i Y) ✔ (A i B)

Utworzenie przeglądu typów zasobów reklamowych i zależności tego typu ułatwia identyfikację najważniejszych ścieżek i obszarów optymalizacji. Może się np. okazać, że niektóre zależności są niepotrzebnie uwzględniane i można je usunąć, aby przyspieszyć rozwój. Informacje te są szczególnie przydatne przy analizowaniu czasu wczytywania reklamy.

Dowiedz się, co chcesz poprawić

Dobrym sposobem na poprawę szybkości reklam jest skupienie się na skróceniu czasu potrzebnego do wczytania pierwszej reklamy na stronie. Czas ten można podzielić na 3 główne przedziały:

Czas wczytywania bibliotek reklam
Czas potrzebny na wczytanie wszystkich bibliotek reklam niezbędnych do wysłania pierwszego żądania reklamy. Można to poprawić, usuwając lub opóźniając wczytywanie skryptów, które nie są związane z wysyłaniem żądań reklamy.
Czas do pierwszego żądania reklamy
Czas, który upłynął od wczytania biblioteki reklam do wysłania pierwszego żądania reklamy. Można to poprawić, ustawiając równolegle żądania określania stawek przez kod w nagłówku i unikając zadań, które blokują wątek główny.
Czas renderowania pierwszej reklamy
Czas, który upłynął od pierwszego wysłania żądania reklamy do pierwszego wyrenderowania reklamy. Można to poprawić, zmniejszając złożoność reklam i rozmiar pliku kreacji.

Zanim zaczniesz wprowadzać jakiekolwiek zmiany, musisz zdecydować, na których z tych danych chcesz się skupić. Choć ostatecznym celem jest ich minimalizacja, względna waga ich poprawy (oraz stosowane do tego celu metody) będzie w dużym stopniu zależała od konkretnej konfiguracji.

Możesz skorzystać z takiego narzędzia jak Publisher Ads Audits for Lighthouse, które pomoże Ci przeanalizować witrynę, zidentyfikować wąskie gardła i podjąć świadomą decyzję o tym, na czym warto się skupić.

Podsumowanie

Wiesz już, jak ważna jest szybkość reklam i masz już sposób na jego przeanalizowanie. Nadszedł czas, by zidentyfikować obszary wymagające poprawy w witrynach i zwiększyć szybkość reklam. Na koniec zastanów się nad tworzeniem reklam w AMP, czyli formacie, który niezawodnie generuje szybkie reklamy.