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
- Funkcje Menedżera tagów Google
- techniki ręcznej kontroli kodu;
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.
Wyszukiwarka
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.
- W Menedżerze tagów kliknij Wersje.
- 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ć funkcjedataLayer.push()
z instrumentacją do konkretnych zdarzeń.analytics.js
lubga.js
– nazwy plików bibliotek używanych w starszych implementacjach Google Analytics.conversion.js
lubconversion_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.](https://developers-dot-devsite-v2-prod.appspot.com/static/tag-platform/images/manage-google-tag.png?authuser=8&hl=pl)
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. |
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.