Analizowanie istniejących konfiguracji tagów

Zanim zainstalujesz nowe tagi, sprawdź, które tagi występują już w Twojej witrynie lub aplikacji mobilnej, aby nie dodawać żadnych zbędnych tagów. W tym artykule opisujemy, jak ocenić obecne tagi.

Nawet po wstępnej ocenie zalecamy regularne kontrole w ramach standardowego procesu zarządzania tagami. Regularne sprawdzanie tagów, które działają w witrynie lub aplikacji, jest ważne ze względu na ochronę i bezpieczeństwo danych.

Aby ocenić istniejące tagi, skorzystaj z tych materiałów:

Tag Assistant

Google Tag Assistant to narzędzie do analizy tagów przeznaczone do instalacji tagu Google (gtag.js). Po włączeniu tej funkcji rozszerzenie Tag Assistant wyświetla w przeglądarce panel debugowania, w którym możesz sprawdzać, które polecenia gtag.js były uruchamiane i w jakiej kolejności. Tag Assistant pokazuje, jakie dane są przekazywane do warstwy danych i które zdarzenia wywołały te wymiany danych. Wyświetlane są w nim również działania (żądania HTTP) oraz powiązane parametry. Więcej informacji o rozszerzeniu Tag Assistant

Menedżer tagów

Możesz sprawdzać konta i kontenery Menedżera tagów, aby analizować istniejące konfiguracje tagów. Menedżer tagów udostępnia też tryb podglądu, który działa podobnie do rozszerzenia Tag Assistant.

Korzystając z paska wyszukiwania w kontenerze Menedżera tagów, znajdź tagi, ustawienia lub wiersze kodu w tagach, regułach i zmiennych. Pasek wyszukiwania to świetny sposób na znalezienie tagów, które mogą zawierać ustawienia lub kod wymagające ponownej oceny.

Wersje

Funkcja Wersje w Menedżerze tagów wyświetla podsumowanie istniejącej konfiguracji kontenera.

  1. W Menedżerze tagów kliknij Wersje.
  2. Kliknij najnowszą wersję na liście, aby zobaczyć bieżący stan kontenera.

Menedżer tagów wyświetla tagi, reguły, zmienne i szablony niestandardowe w tym widoku.

Tryb podglądu

Tryb podglądu w Menedżerze tagów pokazuje, które tagi uruchamiają się na stronie, jakie zdarzenia je wywołują i jakie dane są przekazywane do warstwy danych. Tryb podglądu działa tak samo jak Tag Assistant. Więcej informacji o trybie podglądu

Ręczna kontrola kodu

Aby uzyskać dokładniejszą analizę istniejących konfiguracji tagów, rozważ przeprowadzenie ręcznej inspekcji kodu. Aby znaleźć potencjalne konfiguracje tagów, wyszukaj w kodzie źródłowym niektóre z tych popularnych słów kluczowych:

  • gtag( – to otwarcie poleceń gtag(). Te fragmenty kodu często zawierają dodatkową instrumentację.
  • googletagmanager.com – ta domena wczytuje funkcje Menedżera tagów i tagu gtag.js, co ułatwia znajdowanie tagów tego typu.

Jeśli masz już tag gtag.js lub Menedżera tagów Google, możesz mieć możliwość zaktualizowania dotychczasowych tagów lub instrumentacji zamiast wdrażania nowych konfiguracji.

  • dataLayer – można go użyć, aby sprawdzić, czy został utworzony kod warstwy danych, oraz wywoływać funkcje dataLayer.push() z instrumentacją do konkretnych zdarzeń.
  • analytics.js lub ga.js – nazwy plików bibliotek używanych w starszych implementacjach Google Analytics.
  • conversion.js lub conversion_async.js – nazwy plików bibliotek używanych do pomiaru konwersji w Google Ads.
  • optimize.js – używane na potrzeby tagów Google Optimize.
  • systemów zarządzania tagami innych firm, które mogą zawierać tagi Google. Poszukaj w kodzie źródłowym potencjalnych systemów zarządzania tagami innych firm, np. utag.js lub _satellite.

Tag Google (gtag.js)

Jeśli dodasz do strony internetowej fragment kodu tagu Google, możesz go sprawdzić, aby uzyskać więcej informacji o tym, do czego jest używany. Podstawowy tag wygląda tak:

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-XXXXXX-1');
  </script>

W przypadku dodatkowych usług i kont może pojawić się wiele wierszy gtag('config',...). Na przykład:

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'UA-XXXXXX-1');
    gtag('config', 'UA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

Każdy wiersz config zawiera prefiks produktu (informujący, który produkt jest konfigurowany), a po nim identyfikator konfigurowanego konta. Więcej informacji o prefiksach usług znajdziesz poniżej.

Prefiksy produktu w tagu Google

Identyfikator tagu określa tag Google. Pojedynczy tag Google może mieć wiele identyfikatorów. Jeśli np. korzystasz z Google Ads, Twój tag ma teraz 2 identyfikatory: 1 identyfikator starszego typu (AW) i 1 identyfikator tagu Google (GT). Zrzut ekranu z tagiem Google w Google Ads z 2 identyfikatorami tagów. Identyfikatory tagów są wymienne. Tabela poniżej zawiera zestawienie tagów zgodnych z tagiem Google.
Prefiks Typ identyfikatora Opis
GT-XXXXXX Tag Google Każdy nowo utworzony tag Google otrzymuje prefiks GT i unikalny identyfikator.
G-XXXXXX Tag Google (starsza wersja prefiksu) Tagi Google Analytics 4 to tagi Google z prefiksem G i unikalnym identyfikatorem.
AW-XXXXXX Tag Google (starsza wersja prefiksu) Tagi Google Ads to tagi Google z prefiksem AW i unikalnym identyfikatorem.
DC-XXXXXX Tag Google (starsza wersja prefiksu) Tagi Floodlight Google to tagi Google z prefiksem DC i unikalnym identyfikatorem.
Tagi Universal Analytics (UA) są niezgodne z tagiem Google (GT).

Strony internetowe skonfigurowane za pomocą tagu Google mogą mieć identyfikator z przedrostkiem „G” lub „AW”. Prefiks „G” oznacza, że tag Google został pierwotnie utworzony w Google Analytics. Prefiks „AW” oznacza, że tag Google został pierwotnie utworzony w Google AdWords. Te 2 identyfikatory to różne wersje identyfikatora tagu i są wymienne, więc jeśli zobaczysz identyfikator z jednym z prefiksów, nie musisz dodawać go z drugim prefiksem. Więcej informacji o konfigurowaniu identyfikatorów tagów

Menedżer tagów Google

Strony internetowe skonfigurowane za pomocą Menedżera tagów będą miały zainstalowany tag w kontenerze, który wygląda podobnie do tego w tym przykładzie. Możesz zidentyfikować identyfikator kontenera Menedżera tagów, sprawdzając jego kod. Identyfikator kontenera zaczyna się od „GTM-”. Poniżej wyróżniono przykład miejsca docelowego z identyfikatorem kontenera.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<:!-- End Google Tag Manager -->

Po uzyskaniu identyfikatora kontenera otwórz ekran kont Menedżera tagów Google i kliknij , aby wyszukać ten identyfikator. Możesz potem sprawdzić konfigurację tagu, reguły i zmiennej swojej witryny.