Używanie AMP na stronach docelowych Google Ads

Szybsze strony docelowe zazwyczaj prowadzą do większej liczby konwersji, a AMP to świetny sposób na tworzenie atrakcyjnych stron docelowych w Google Ads, które ładują się szybciej. amp.dev udostępnia programistom stron internetowych zasoby potrzebne do tworzenia atrakcyjnych i wydajnych stron. Z tego przewodnika krok po kroku dowiesz się, jak korzystać z 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 dotyczącego tworzenia pierwszej strony AMP w projekcie AMP. Bardziej praktyczne i szczegółowe wskazówki znajdziesz w samouczkach Konwertuj HTML na AMP i Dodawanie zaawansowanych funkcji AMP. Przykładowy kod i szablony komponentów AMP znajdziesz w artykułach Przykłady witryn AMP i Szablony AMP.

Poniższa lista zawiera opis niektórych komponentów używanych na stronach AMP – zapoznaj się z pełną listą komponentów.

  • amp-bind: pozwala dodać niestandardową interaktywność stanową na podstawie zdarzeń JavaScriptu.
  • amp-form: pozwala tworzyć strony docelowe, które wymagają danych wejściowych użytkownika.
  • amp-list: umożliwia dynamiczne pobieranie treści z punktu końcowego JSON CORS.
  • amp-carousel: karuzela obrazów do przewijania galerii obrazów.
  • amp-lightbox: wyświetla komponent w trybie pełnoekranowym, gdy wszedł z nim w interakcję.
  • amp-call-tracking Dynamicznie zastępuje hiperlink z numerem telefonu do śledzenia połączeń.
  • amp-musiache: Zezwalaj na renderowanie za pomocą kodu Mustache.js.
  • amp-date-picker: Udostępnia widżet do wybierania dat. Selektor dat może się wyświetlać jako nakładka na podstawie pól do wprowadzania danych lub jako statyczny widżet kalendarza.

Weryfikowanie stron AMP

W trakcie programowania warto sprawdzić, czy Twoje strony AMP są prawidłowe. AMP udostępnia kilka różnych metod weryfikacji dokumentów. Najczęstszym sposobem weryfikacji strony AMP jest użycie walidatora internetowego lub narzędzia Google dla webmasterów. Możesz też użyć wtyczki przeglądarki Chrome i konsoli programisty albo zintegrować w swojej kompilacji moduł npm npm.

Możesz też używać AMPBench, czyli aplikacji i usługi internetowej typu open source, aby sprawdzać i usuwać problemy związane z wdrażaniem stron AMP.

Aby uzyskać pomoc dotyczącą testowania AMP, odwiedź stronę Uzyskiwanie pomocy w projekcie AMP.

Krok 2. Skonfiguruj AMP na potrzeby śledzenia konwersji i analityki

Aby śledzić konwersje Google Ads, użyj komponentu amp-analytics. Aby dowiedzieć się, jak to zrobić, wykonaj czynności podane w artykule Konfigurowanie pomiaru konwersji Google Ads na stronach docelowych AMP.

Google Analytics

Google Analytics to jedno z rozwiązań analitycznych obsługiwanych przez komponent amp-analytics. Aby umożliwić łączenie sesji na stronach AMP i innych niż AMP, wykonaj czynności opisane w artykule Konfigurowanie ujednolicenia 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 używać Menedżera tagów Google do dodawania remarketingu, DoubleClick Floodlight, Google Universal Analytics i podobnych usług pomiarowych. Zapoznaj się z pełną listą zgodnych tagów.

Adobe Analytics (dawniej Omniture).

Adobe Analytics udostępnia 2 metody implementacji rozwiązania do śledzenia wydajności witryny za pomocą komponentu amp-analytics: implementacje elementów iframe (adobeanalytics_nativeConfig) i elementów innych niż iframe (adobeanalytics). Przeczytaj o zaletach i wadach oraz szczegółach wdrożenia każdej metody.

Komponentu amp-analytics możesz używać do śledzenia działań użytkowników i zdarzeń. Analityka AMP ma wbudowaną obsługę narzędzi analitycznych od ponad 40 dostawców. Platforma ta jest elastyczna i umożliwia pomiar i aktywowanie adresów URL za pomocą konfiguracji niestandardowych, co pozwala wysyłać informacje analityczne na własne serwery lub dostawców, w przypadku których natywna obsługa standardu AMP nie jest dostępna. Jeśli używasz technologii, która nie jest obecnie obsługiwana, poproś dostawcę o dodanie pomocy.

Statystyki AMP umożliwiają też elastyczne zastępowanie zmiennych. Szczegółowe informacje znajdziesz w dokumentacji zastępowania zmiennych.

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

Strony AMP w wyszukiwarce Google są wykrywane automatycznie dzięki linkowi z Twoich stron, ale reklamodawcy muszą wyraźnie podać w Google Ads adres URL strony AMP. 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 Androidzie, w aplikacji Wyszukiwarka Google na Androida i w przeglądarce mobilnej Safari. W najbliższych miesiącach zwiększymy zakres usługi.

Jeśli chcesz sprawdzić, jak strona AMP wyświetla się w przeglądarce wyszukiwarki Google po wyświetleniu strony AMP z pamięci podręcznej stron Google AMP, wpisz artykuł AMP w narzędziu do testowania stron AMP i kliknij Link podglądu.

Jeśli chcesz kierować ruch z Google Ads na swoją stronę docelową AMP, ale nie chcesz, by pojawiały się one w bezpłatnych wynikach wyszukiwania, dodaj do strony robots.txt instrukcje Disallow względem odpowiednich stron AMP, tak jak w przypadku każdej zwykłej strony internetowej.

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ć nową 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 aktualizacji niewielu użytkowników zauważy niezaktualizowaną wersję. W razie potrzeby można też używać interfejsu update-cache API, aby aktualizować treści z pamięci podręcznej AMP lub usuwać je z niej.

W projekcie AMP codziennie pojawiają się nowe funkcje i komponenty. Jeśli znajdziesz, której brakuje funkcji, możesz ją dodać lub poprosić o jej dodanie, otwierając zgłoszenie problemu z GitHubem.

Nieprawidłowa obsługa stron AMP

Gdy strona zostanie uznana za nieprawidłową, AMP Cache wykryje to w ciągu kilku żądań i zacznie przekierowywać do źródła udostępnianego przez AMP. Przywrócenie wyświetlania z pamięci podręcznej stron AMP może potrwać 1–2 dni.