Przewodnik konfiguracji stron AMP i Menedżera tagów

Projekt Accelerated Mobile Pages/0} (AMP) to platforma internetowa typu open-source, która pomaga poprawić skuteczność treści internetowych. Projekt AMP obejmuje wbudowaną obsługę Menedżera tagów Google. Ten artykuł opisuje zalecany sposób konfigurowania Menedżera tagów Google na stronach AMP.

Aby zainstalować Menedżera tagów dla AMP:

  1. Utwórz kontener AMP w Menedżerze tagów.
  2. Dodaj fragment kodu Menedżera tagów na stronach AMP.
  3. Skonfiguruj tagi w kontenerze Menedżera tagów i opublikuj je.

Tworzenie kontenera AMP

Menedżer tagów obsługuje typ kontenera AMP. Utwórz nowy kontener AMP dla swojego projektu:

  1. Na ekranie Konta kliknij Więcej działań (Więcej) w ramach konta, którego chcesz użyć. Wybierz Utwórz kontener.
  2. Nazwij kontener. Użyj nazwy opisowej, np. „example.com – wiadomości – AMP”.
  3. W sekcji Gdzie używać kontenera wybierz AMP.
  4. Kliknij Utwórz.

Twój kontener jest gotowy. Następny krok to instalacja kodu Menedżera tagów na stronach AMP.

Menedżer tagów zapewni informacje o tym, jak najlepiej zainstalować fragment kodu. Aby uzyskać dalsze wskazówki, zapoznaj się z następną sekcją.

Dodawanie fragmentu kodu Menedżera tagów

Po utworzeniu nowego kontenera AMP pojawi się ekran Zainstaluj Menedżera tagów Google. Menedżer tagów udostępnia dwa fragmenty kodu. Skopiuj je, aby pojawiały się na stronach AMP.

Uwaga: aby mieć później dostęp do fragmentu kodu, kliknij numer identyfikacyjny kontenera u góry strony podsumowania obszaru roboczego lub kliknij Administracja, a następnie Zainstaluj Menedżera tagów Google.

Pierwszy fragment dodaje komponent amp-analytics do strony AMP. Ten kod znajduje się na końcu sekcji <head> i powinien pojawić się tylko raz na stronie.

<!-- AMP Analytics --><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
Ważne: dodaj kod do strony, tylko jeśli wcześniej nie został dodany. Upewnij się, że pojawia się na stronie tylko raz.

Drugi fragment konfiguruje amp-analytics do korzystania z Menedżera tagów. Umieść ten kod bezpośrednio po tagu otwierającym <body>. Zastąp GTM-CONTAINER_ID identyfikatorem kontenera Menedżera tagów lub skopiuj i wklej cały fragment z interfejsu użytkownika Menedżera tagów.

<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>

Konfiguracja i publikowanie kontenera

Gdy strony mają poprawnie zainstalowany kod kontenera, mogą uruchamiać tagi wdrożone w Menedżerze tagów. Następny krok to utworzenie konfiguracji tagów i opublikowanie kontenera.

Aby utworzyć nowy tag:

  1. Kliknij Tagi a potem Nowy.
  2. Kliknij Konfiguracja tagu i wybierz typ tagu z listy obsługiwanych tagów AMP.
  3. Skonfiguruj tag, używając informacji podanych przez dostawcę tagów.
  4. Kliknij Reguły i dodaj co najmniej jeden warunek zdarzenia, który spowoduje uruchomienie tagu.
  5. Nazwij regułę i kliknij Zapisz.

Powtórz te kroki dla każdej dodatkowej konfiguracji tagów. Gdy zakończysz konfigurację kontenera, opublikuj go, aby wprowadzić zmiany.

Zmienne strony

Menedżer tagów może przechwytywać zmienne AMP i używać ich w konfiguracjach tagów i reguł. Na przykład strona sprzedająca buty może zawierać zmienne opisujące właściwości danego buta. Wartości te można wykorzystać do utworzenia zmiennych Menedżera tagów:

<amp-analytics config="https://www.googletagmanager.com/amp.json?id=Tag Manager-XXXXXX;Tag Manager.url=SOURCE_URL" data-credentials="include">
  <script type="application/json ">
      {
          "vars" : {
              "typ": "buty",
              "kolor": "czerwony"
          }
      }
  </script>
</amp-analytics>

Aby utworzyć zmienną zdefiniowaną przez użytkownika w Menedżerze tagów przechwytującym zmienną koloru z powyższego kodu:

  1. Kliknij Zmienne.
  2. W sekcji Zmienne zdefiniowane przez użytkownika kliknij Nowa.
  3. Kliknij Konfiguracja zmiennej i wybierz Zmienna AMP.
  4. W polu Nazwa zmiennej AMP wpisz nazwę pola (np. „kolor”).
  5. Nadaj zmiennej nazwę opisową (np. „Zmienna AMP – kolor”).
  6. Kliknij Zapisz.

Tagi AMP obsługiwane przez Menedżera tagów

Czy ten artykuł był pomocny?
Jak możemy ją poprawić?