Korzystanie ze stron AMP na stronach docelowych Google Ads

Szybsze strony docelowe zazwyczaj przekładają się na większą liczbę konwersji, a AMP to świetny sposób na tworzenie atrakcyjnych stron docelowych Google Ads, które wczytują się szybciej. Witryna amp.dev udostępnia programistom strony internetowej zasoby potrzebne do tworzenia atrakcyjnych, skutecznych stron. Z tego szczegółowego przewodnika dowiesz się, jak używać Google Ads i innych technologii reklamowych na stronach AMP.

Krok 1. Utwórz i zweryfikuj strony AMP

Tworzenie stron AMP

Aby dowiedzieć się, jak utworzyć podstawową stronę AMP, zacznij od samouczka Tworzenie pierwszej strony AMP w ramach projektu AMP. Aby uzyskać bardziej praktyczne wskazówki, zapoznaj się z samouczami Konwertowanie HTML na AMP i Dodawanie zaawansowanych funkcji AMP. Przykładowy kod i szablony komponentów AMP znajdziesz w sekcji Przykłady witryn AMP oraz Szablony AMP.

Poniżej znajdziesz opisy niektórych komponentów używanych na stronach AMP. Pełną listę komponentów znajdziesz w tym miejscu.

  • amp-bind: umożliwia dodawanie niestandardowej interaktywności opartej na stanach na podstawie zdarzeń podobnych do zdarzeń JavaScript.
  • amp-form: tworzenie stron docelowych, które wymagają danych od użytkownika.
  • amp-list: pobieranie treści dynamicznie z punktu końcowego CORS JSON.
  • amp-carousel: karuzela obrazów do przewijania galerii zdjęć.
  • amp-lightbox: wyświetlanie widoku pełnoekranowego komponentu po interakcji z nim.
  • amp-call-tracking: dynamicznie zastępuje numer telefonu w hiperlinku do śledzenia połączeń.
  • amp-mustache: pozwala na renderowanie za pomocą biblioteki Mustache.js.
  • amp-date-picker: Widżet do wybierania dat. Selektor daty może być renderowany jako nakładka względem pól wprowadzania danych lub jako statyczny widget kalendarza.

Sprawdzanie poprawności stron AMP

Podczas tworzenia stron AMP musisz się upewnić, że są one prawidłowe. AMP udostępnia kilka różnych metod weryfikacji dokumentów. Najczęstszym sposobem weryfikacji strony AMP jest użycie narzędzia do sprawdzania stron internetowych lub narzędzia do sprawdzania w Narzędziach Google dla webmasterów. Możesz też użyć wtyczki do przeglądarki Chrome i konsoli dla deweloperów lub zintegrować moduł npm amphtml-validator w swojej kompilacji.

Możesz też użyć AMPBench, czyli aplikacji internetowej i usługi o otwartym kodzie źródłowym, która służy do sprawdzania i debugowania problemów związanych z wdrażaniem stron AMP.

Aby uzyskać pomoc dotyczącą testowania AMP, wejdź na stronę Getting Support w ramach projektu AMP.

Krok 2. Skonfiguruj AMP do śledzenia konwersji i statystyk

Do śledzenia konwersji Google Ads używaj komponentu amp-analytics. Aby dowiedzieć się, jak to zrobić, wykonaj czynności opisane w artykule Konfigurowanie pomiaru konwersji Google Ads na stronach docelowych AMP.

Google Analytics

Google Analytics to jedno z obsługiwanych przez amp-analytics rozwiązań analitycznych. Aby sesje były ujednolicone na stronach AMP i innych niż AMP, wykonaj czynności opisane w sekcji Konfigurowanie ujednolicania sesji Google Analytics w przypadku stron AMP.

Menedżer tagów Google

Komponent amp-analytics ma wbudowaną obsługę Menedżera tagów Google. Oprócz konwersji Google Ads możesz za pomocą Menedżera tagów Google dodawać tagi remarketingu, DoubleClick Floodlight, Google Universal Analytics i podobnych usług pomiarowych. Zapoznaj się z pełną listą obsługiwanych tagów.

Adobe Analytics (dawniej Omniture)

Adobe Analytics oferuje 2 metody implementowania rozwiązania do śledzenia wydajności witryny za pomocą komponentu amp-analytics: implementacja za pomocą elementu iframe (adobeanalytics_nativeConfig) i bez niego (adobeanalytics). Poznaj zalety i wady oraz szczegóły dotyczące wdrażania poszczególnych metod.

Za pomocą komponentu amp-analytics możesz śledzić działania i zdarzenia użytkowników. Tagi AMP Analytics obsługują natywną obsługę ponad 40 dostawców usług analitycznych. Jest on elastyczny i umożliwia pomiar oraz uruchamianie adresów URL za pomocą konfiguracji niestandardowych, aby wysyłać informacje analityczne na własne serwery lub do dostawców, którzy nie obsługują natywnej obsługi AMP. Jeśli korzystasz z technologii, która nie jest obecnie obsługiwana, poproś dostawcę o dodanie obsługi.

Tagi AMP Analytics umożliwiają też elastyczne zastępowanie zmiennych. Więcej informacji znajdziesz w dokumentacji dotyczącej zastępowania zmiennych.

Krok 3. Włącz wyświetlanie reklam AMP w interfejsie Google Ads

Chociaż strony AMP w wyszukiwarce Google są automatycznie wykrywane za pomocą linku z Twoich stron, reklamodawcy muszą wyraźnie podać adres URL strony AMP w Google Ads. Szczegółowe informacje o konfigurowaniu adresów URL AMP w interfejsie Google Ads znajdziesz w artykule Jak używać stron AMP w połączeniu z Google Ads.

Wyświetlanie z pamięci podręcznej jest obecnie dostępne w przypadku reklam tekstowych na stronach wyników wyszukiwania Google wyświetlanych w większości najpopularniejszych przeglądarek, w tym w Chrome na Androida, aplikacji wyszukiwarki Google na Androida i Safari na urządzeniach mobilnych. W najbliższych miesiącach zwiększymy zakres usługi.

Jeśli chcesz sprawdzić, jak strona AMP wygląda w wersji z serwera Google AMP Cache w przeglądarce wyszukiwarki Google, w narzędziu do testowania AMP w wyszukiwarce wpisz artykuł AMP i kliknij Podgląd linku.

Jeśli chcesz kierować ruch z Google Ads na stronę docelowa AMP, ale nie chcesz, aby pojawiała się ona w bezpłatnych wynikach wyszukiwania, dodaj do pliku robots.txt dyrektywy Disallow dotyczące odpowiednich stron AMP, tak jak w przypadku zwykłych stron internetowych.

Aktualizowanie treści AMP na stronach docelowych

Gdy użytkownik wysyła żądanie dokumentu AMP z Google AMP Cache, pamięć podręczna automatycznie wysyła żądanie aktualizacji, aby udostępnić aktualną treść następnemu użytkownikowi po zapisaniu jej w pamięci podręcznej. W tym modelu aktualizacje dokumentów AMP są rozpowszechniane szybko i automatycznie – po dokonaniu aktualizacji treści przez wydawcę niewielu użytkowników zobaczy nieaktualną wersję. W razie potrzeby możesz też użyć interfejsu update-cache API, aby zaktualizować lub usunąć zawartość z pamięci podręcznej AMP.

W ramach projektu AMP każdego dnia dodawane są nowe funkcje i komponenty. Jeśli brakuje Ci jakiejś funkcji, możesz przesłać swój wkład lub poprosić o dodanie tej funkcji, otwierając problem na GitHubie.

Nieprawidłowa obsługa strony AMP

Gdy strona stanie się nieprawidłowa, AMP Cache wykryje to w ciągu kilku żądań i zacznie przekierowywać do źródła strony AMP. Powrót do obsługi pamięci podręcznej AMP może potrwać 1–2 dni.