Konfigurowanie ujednolicenia sesji Google Analytics w przypadku stron AMP

Tematy w tym artykule:

• Wpływ identyfikatora klienta AMP na Twoje dane
• Konfigurowanie tagu łączącego AMP
• Sprawdzanie konfiguracji
• Ograniczenia

Strony AMP są wyświetlane z domeny pamięci podręcznej stron AMP, która różni się od domeny Twojej witryny. Aby śledzić drogę użytkownika przez pamięć podręczną stron AMP i swoje strony internetowe, możesz korzystać z tagu łączącego AMP. Jest to funkcja tagu amp-analytics, która łączy sesje użytkownika, używając identyfikatora klienta AMP jako identyfikatora użytkownika.

Tagi łączące AMP umieszczają identyfikator klienta AMP w linkach wychodzących, które znajdują się na stronach zapisanych w pamięci podręcznej stron AMP. Strony z dodanym tagiem Google Analytics pobierają identyfikator klienta AMP z parametru zapytania URL i uzyskują całościowy obraz sesji użytkownika, korzystając z identyfikatora klienta AMP jako z identyfikatora użytkownika.

W tym artykule opisano czynności niezbędne do skonfigurowania tagu łączącego AMP w Google Analytics.

Wpływ identyfikatora klienta AMP na Twoje dane

Synchronizacja identyfikatorów klientów AMP między pamięcią podręczną stron AMP a pierwotną domeną Twojej witryny zwiększa dokładność danych o użytkownikach, np. Czasu trwania sesji, Współczynnika odrzuceń czy Liczby stron na sesję. Pamiętaj, że korzystanie z identyfikatora klienta AMP wymaga zbierania danych w ramach tej samej usługi w Google Analytics.

Uwaga: synchronizacja identyfikatorów klientów AMP między pamięcią podręczną stron AMP a pierwotną domeną Twojej witryny spowoduje jednorazowe zresetowanie dotychczasowych identyfikatorów użytkownika Google Analytics, z których korzystają takie funkcje jak Analiza kohortowa, Wartość od początku śledzenia i Kierowanie na odbiorców. Może to wywołać zauważalne tymczasowe wahania wartości danych Nowi użytkownicy i statystyk w powiązanych z nimi raportach.

Konfigurowanie tagu łączącego AMP

Tag łączący AMP skonfigurujesz w Google Analytics w trzech krokach:

1. Dodaj tag do swoich stron AMP
2. Dodaj tag do swoich stron innych niż AMP
3. Skonfiguruj wykluczenia witryn odsyłających

Krok 1. Dodaj tag do swoich stron AMP, by przekazywać parametry tagu łączącego AMP

Zainstaluj tag Google Analytics, korzystając z tagu Google (gtag.js) lub Menedżera tagów Google. Wykonaj odpowiednie instrukcje zależnie od swojej implementacji:

Opcja 1. Tag Google

Dodaj do swoich stron docelowych AMP domyślny tag Google dla stron AMP. Możesz skorzystać z poniższego przykładowego fragmentu kodu, ale wprowadź w nim te zmiany:

Zastąp ciąg MEASUREMENT_ID identyfikatorem śledzenia usługi w Google Analytics, do której chcesz wysyłać dane.

Opcjonalnie: jeśli Twoje strony AMP są hostowane w innej domenie najwyższego poziomu niż podana w linkach wychodzących, które występują w Twojej witrynie, lub jeśli strony AMP nie znajdują się w dobrze znanej subdomenie (np. nie w www., amp., m), dodaj konfigurację tagu łączącego widoczną poniżej. Dodaj domenę, w której hostowane są strony AMP, oraz domeny wszystkich linków wychodzących.

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars": {
    "gtag_id": "MEASUREMENT_ID",
    "linker": {
      "domains": ["example.com", "example2.com"]
    }
    ,
    "config": {
      "MEASUREMENT_ID": {
        "groups": "default"
      }
    }
  }
}
</script>
</amp-analytics>

Uwaga: w polu gtag_id możesz podać identyfikator z dowolnej usługi Google (np. Google Ads lub Search Ads 360), z której korzystasz na swoich stronach AMP, ale tylko z jednej.

Opcja 2. Menedżer tagów Google

Utwórz kontener AMP w Menedżerze tagów Google.

Dodaj tag Google Analytics do kontenera AMP.

Dodaj tag łączący konwersje do kontenera AMP oraz wybierz opcje „Włącz połączenia między domenami” i „Włącz łączenie z identyfikatorem klienta Google Analytics”. Jeśli Twoje strony docelowe AMP są hostowane w tej samej domenie najwyższego poziomu co linki wychodzące, które występują w Twojej witrynie, możesz pozostawić pole domen puste.

Opcjonalnie: jeśli Twoje strony AMP są hostowane w innej domenie najwyższego poziomu niż podana w linkach wychodzących, które występują w Twojej witrynie, lub jeśli strony AMP nie znajdują się w dobrze znanej subdomenie (np. nie w www., amp., m), dodaj domenę najwyższego poziomu, w której jest hostowana strona AMP, oraz domeny wszystkich linków wychodzących w postaci listy rozdzielonej przecinkami.

 

Użyj na stronie AMP domyślnego fragmentu kodu Menedżera tagów. Możesz skorzystać z poniższego przykładowego kodu, ale zastąp w nim ciąg GTM_CONTAINER_ID identyfikatorem swojego kontenera Menedżera tagów.

<!-- Menedżer tagów Google →
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=<   GTM_CONTAINER_ID>&gtm.url=SOURCE_URL" data-credentials="include">
</amp-analytics>

Krok 2. Dodaj tag do swoich stron innych niż AMP, aby odczytywać parametry tagu łączącego AMP

Jest kilka sposobów dodania tagu na stronach innych niż AMP na potrzeby odczytu parametrów tagu łączącego AMP. Skorzystaj z instrukcji najlepiej pasujących do Twojej konfiguracji.

Opcja 1. Tag Google

Umieść fragment kodu gtag.js na swoich stronach innych niż AMP. Możesz skorzystać z poniższego przykładowego fragmentu kodu:

• Zastąp ciąg MEASUREMENT_ID identyfikatorem śledzenia usługi w Google Analytics, do której chcesz wysyłać dane.
• Opcjonalnie: jeśli Twoje strony AMP są hostowane w innej domenie najwyższego poziomu niż podana w linkach wychodzących, które występują w Twojej witrynie, lub jeśli strony AMP nie znajdują się w dobrze znanej subdomenie (np. nie w www., amp., m), dodaj konfigurację tagu łączącego widoczną poniżej. Dodaj domenę, w której hostowane są Twoje strony inne niż AMP, oraz domeny wszystkich linków wychodzących.

<!-- Tag Google (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('set', 'linker', {
    'domains': ['example.com', 'example2.com']
  });
  gtag('js', new Date());
  gtag('config', 'MEASUREMENT_ID');
</script>

Opcja 2. Menedżer tagów Google

Upewnij się, że do kontenera internetowego Menedżera tagów Google dodano tag Google Analytics.

Jeśli Twoje strony AMP są hostowane w innej domenie najwyższego poziomu niż podana w linkach wychodzących, które występują w Twojej witrynie, lub jeśli strony AMP nie znajdują się w dobrze znanej subdomenie (np. nie w www., amp., m), dodaj tę konfigurację – w tagu Google Analytics dodaj pole „allowLinker” z wartością true (prawda) w taki sposób:

1. Otwórz zmienną ustawień Google Analytics, którą chcesz edytować, a potem kliknij kartę Konfiguracja zmiennej.
2. Kliknij kolejno Więcej ustawień > Pola do ustawienia.
3. Kliknij + DODAJ POLE.
4. W sekcji Nazwa pola wybierz allowLinker, a w sekcji Wartość wybierz prawda.
5. Zapisz nową konfigurację zmiennej.
6. Powtarzaj powyższe czynności w przypadku wszystkich zmiennych ustawień Google Analytics, które chcesz zmodyfikować (jeśli w kontenerze jest więcej niż jedna).
7. Opublikuj kontener.

Użyj domyślnego kodu Menedżera tagów na stronach innych niż AMP.

Opcja 3. Plik analytics.js

W przypadku stron innych niż AMP możesz używać domyślnego fragmentu kodu analytics.js do odczytu parametrów tagu łączącego AMP.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- Koniec kodu Google Analytics -->

Opcjonalnie: jeśli Twoje strony AMP są hostowane w innej domenie najwyższego poziomu niż podana w linkach wychodzących, które występują w Twojej witrynie, lub jeśli strony AMP nie znajdują się w dobrze znanej subdomenie (np. nie w www., amp., m), dodaj zaznaczoną poniżej konfigurację w sposób podany w artykule Konfigurowanie śledzenia w wielu domenach (analytics.js):

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomain2.example.com','www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- Koniec kodu Google Analytics -->

Krok 3. Dodaj wykluczenie witryny odsyłającej do konsoli administracyjnej Google Analytics

Gdy Google wyświetla treści AMP użytkownikom, korzysta z pamięci podręcznej stron Google AMP. Aby zapobiec przerywaniu sesji przez subdomeny stron AMP zapisanych w pamięci podręcznej, musisz dodać wykluczenie witryny odsyłającej w przypadku domeny cdn.ampproject.org.

Jeśli wyświetlasz strony AMP z wielu subdomen, możesz traktować jedną subdomenę AMP inaczej od pozostałych. W takim przypadku wpisz wersje wszelkich istniejących subdomen z pamięci podręcznej używane w wykluczaniu witryn odsyłających dla Twojej witryny, by umożliwić obsługę konkretnych wykluczeń w witrynach AMP i innych niż AMP. Jeśli na przykład masz wykluczenie witryny odsyłającej subdomain.example.com, dodaj wykluczenie witryny odsyłającej dla subdomeny subdomain-example-com.cdn.ampproject.org. Więcej informacji o formacie adresu URL pamięci podręcznej stron AMP.

Sprawdzanie konfiguracji

Sprawdź, czy identyfikator klienta Google AMP jest identyczny na stronach AMP i innych niż AMP.

Opcja 1. Sprawdź za pomocą narzędzia do testowania tagów AMP

Użyj narzędzia do testowania tagów AMP i wpisz adres URL strony AMP.

Uwaga: narzędzie do testowania tagów AMP to automatyczne narzędzie do testowania, które symuluje przepływ ze strony AMP wyświetlanej przez użytkownika do linku do następnej strony. Narzędzie to zapewnia jedynie wskazówki i nie sprawdza wszystkich scenariuszy testowych (np.jeśli strona AMP zawiera linki do różnych domen lub subdomen). Skorzystaj z poniższych opcji, aby przetestować tagi ręcznie.

Opcja 2. Sprawdź za pomocą rozszerzenia Google Tag Assistant do przeglądarki Chrome

1. Pobierz i zainstaluj rozszerzenie Google Tag Assistant do przeglądarki Chrome.
2. Wpisz na stronie google.com zapytanie, które zwróci stronę AMP Twojej strony.
3. Włącz Rejestrator Tag Assistant.
4. Po włączeniu rejestratora odśwież wyniki wyszukiwania w przeglądarce.
5. Kliknij wynik wyszukiwania prowadzący do strony AMP.
6. Kliknij link prowadzący ze strony AMP do strony innej niż AMP.
7. Wyłącz Rejestrator Tag Assistant.
8. Upewnij się, że została zarejestrowana tylko jedna sesja ze spójnym identyfikatorem, jak widać poniżej (tzn. wczytywanie strony 2 nie wykazuje rozpoczęcia sesji).

 

Opcja 3. Sprawdź za pomocą Narzędzi Chrome dla programistów

1. Uruchom przeglądarkę Google Chrome w trybie incognito. Włącz emulator urządzeń mobilnych w Narzędziach Chrome dla programistów.
2. W wyszukiwarce Google wpisz zapytanie, które zwróci stronę AMP z Twojej witryny. Kliknij wynik wyszukiwania swojej strony AMP, który powinien zostać wyświetlony z pamięci podręcznej stron Google AMP w przeglądarce AMP wyszukiwarki Google.
   • Uwaga: jeśli Twoja strona jest na razie niedostępna w wynikach wyszukiwania Google, możesz mimo wszystko sprawdzić, czy ujednolicenie sesji działa prawidłowo. Aby to zrobić, wyświetl podgląd wyników wyszukiwania w narzędziu AMP Test i wykonaj podane poniżej czynności, o ile tylko Twoja strona może zostać zindeksowana przez Google.
3. Odszukaj żądanie wyświetlenia strony AMP pochodzące z sieci Google Analytics: w Narzędziach Chrome dla programistów otwórz kartę Network (Sieć) i w polu Filter (Filtr) wpisz słowo „collect”.
4. Odszukaj i wybierz żądanie sieci, które prowadzi na stronę www.google-analytics.com. Na karcie „Headers” (Nagłówki) tego żądania odszukaj identyfikator klienta, przewijając stronę do sekcji „Query String Parameters” (Parametry ciągu zapytania). Zwróć uwagę na parametr „cid”.
5. Jeśli strona AMP jest wyświetlana w przeglądarce AMP, pole cid powinno zawierać 64-znakowy ciąg base64:
6. Kliknij Wyczyść, aby wyczyścić żądania sieci.
7. Aby sprawdzić, czy masz włączone strony inne niż AMP, zobacz, czy po przejściu na stronę inną niż AMP parametr „cid” ma taką samą wartość. Aby to zrobić, kliknij na stronie AMP dowolny link, który prowadzi na stronę inną niż AMP wyświetlaną w Twojej domenie. Aby znaleźć identyfikator klienta, ponownie zastosuj filtrowanie według ciągu „collect”. Wybierz dowolne żądanie sieci, które prowadzi na stron www.google-analytics.com. Sprawdź, czy wartość parametru zapytania „cid” odpowiada jego wartości z kroku 5.

Ograniczenia

• Ujednolicenie sesji za pomocą tagu łączącego AMP nie nastąpi, jeśli użytkownik odwiedzający witrynę po raz pierwszy zamknie stronę AMP bez przejścia na następną stronę. Stanie się tak, ponieważ ujednolicenie sesji działa przez wstawianie parametrów w linku.