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:
- Utwórz kontener AMP w Menedżerze tagów.
- Dodaj fragment kodu Menedżera tagów na stronach AMP.
- 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:
- Na ekranie Konta kliknij Więcej działań (
) w ramach konta, którego chcesz użyć. Wybierz Utwórz kontener.
- Nazwij kontener. Użyj nazwy opisowej, np. „example.com – wiadomości – AMP”.
- W sekcji Gdzie używać kontenera wybierz AMP.
- Kliknij Utwórz.
) w ramach konta, którego chcesz użyć. Wybierz Utwórz kontener.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.
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.
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:
- Kliknij Tagi
Nowy.
- Kliknij Konfiguracja tagu i wybierz typ tagu z listy obsługiwanych tagów AMP.
- Skonfiguruj tag, używając informacji podanych przez dostawcę tagów.
- Kliknij Reguły i dodaj co najmniej jeden warunek zdarzenia, który spowoduje uruchomienie tagu.
- Nazwij regułę i kliknij Zapisz.
Nowy.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:
<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:
- Kliknij Zmienne.
- W sekcji Zmienne zdefiniowane przez użytkownika kliknij Nowa.
- Kliknij Konfiguracja zmiennej i wybierz Zmienna AMP.
- W polu Nazwa zmiennej AMP wpisz nazwę pola (np. „kolor”).
- Nadaj zmiennej nazwę opisową (np. „Zmienna AMP – kolor”).
- Kliknij Zapisz.