Ten artykuł jest przeznaczony dla programistów, którzy korzystają z tagowania po stronie serwera i chcą udostępniać skrypty Google z własnych serwerów.
Tagowanie po stronie serwera umożliwia wczytywanie skryptów Google, np. gtm.js lub gtag.js, bezpośrednio z serwera tagowania zamiast z serwerów Google. Dzięki temu możesz udostępniać dane w kontekście danych własnych.
Zanim zaczniesz
W tym przewodniku przyjęto założenie, że zostały już przez Ciebie wykonane te czynności:
- Konfigurowanie w Menedżerze tagów kontenera serwera
- Konfigurowanie serwera tagowania
- Skonfigurowana niestandardowa domena serwera
Aby rozpocząć, wybierz opcję implementacji.
Krok 1. Skonfiguruj klienta
Aby utworzyć kontekst własny między kontenerem internetowym a serwerem tagowania, skrypty Google muszą być wczytywane przez Twój serwer.
Aby wczytać skrypty Google przez kontener serwera:
- Otwórz Menedżera tagów Google
- W kontenerze serwera kliknij Klienci.
- Kliknij Nowy.
Wybierz typ klienta Menedżer tagów Google: kontener internetowy.
W sekcji Konfiguracja klienta:
- Dodaj identyfikator kontenera: wpisz identyfikator kontenera internetowego Menedżera tagów, którego używasz w witrynie.
- Automatycznie wyświetlaj wszystkie zależne skrypty Google: gdy ta opcja jest włączona (ustawienie domyślne), serwer tagowania automatycznie wyświetla skrypty potrzebne skryptowi głównemu Google. Dzięki temu nie trzeba dodawać do listy dozwolonych każdego kontenera, którego wymaga skrypt Google. Jeśli chcesz udostępniać tylko początkowy kontener z serwera tagowania, odznacz tę opcję.
- Włącz ustawienia dostosowane do regionu: użyj tej opcji, aby aktywować określone tagi na podstawie lokalizacji użytkownika. Więcej informacji
Nazwij klienta i kliknij Zapisz.
Opublikuj obszar roboczy.
Krok 2. Zaktualizuj domenę źródłową skryptu
Domyślnie Menedżer tagów lub tag gtag.js wczytuje zależności z serwerów należących do Google, np. https://example.com/metrics
.
Aby wczytywać zależności z własnego serwera, musisz zaktualizować adres URL skryptu w witrynie.
Aby wczytać kod Menedżera tagów Google za pomocą kontenera serwera:
- Znajdź na stronie istniejący kod Menedżera tagów.
Zastąp ciąg
https://example.com/metrics
nazwą domeny serwera tagowania w elementach<head>
i<body>
kodu instalacji Menedżera tagów Google.- Head:
<!-- 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://example.com/metrics /gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXX ');</script> <!-- End Google Tag Manager -->- Treść:
<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://
example.com/metrics /ns.html?id=TAG_ID " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
Krok 3. Sprawdź źródło skryptów
W tych instrukcjach znajdziesz informacje o testowaniu za pomocą Google Chrome. Możesz użyć dowolnej przeglądarki, ale czynności do wykonania mogą się różnić.
Aby sprawdzić, czy kontener serwera wczytuje zależności:
- Otwórz stronę w nowej karcie przeglądarki.
- Otwórz narzędzia dla deweloperów w przeglądarce. W Google Chrome możesz kliknąć prawym przyciskiem myszy dowolne miejsce na stronie i wybrać Zbadaj.
W narzędziach dla programistów otwórz kartę Źródła. To okno zawiera wszystkie zależności załadowane podczas otwierania witryny.
- ✅ Implementacja jest prawidłowa, jeśli
gtm.js
jest wczytywana ze wskazanego źródła.
- ❌ Jeśli na karcie Źródła element
www.googletagmanager.com
jest wyświetlany jako źródło elementugtm.js
, oznacza to, że zależności są nadal wczytywane z serwerów Google.
- Sprawdź, czy w kodzie został zmodyfikowany adres URL źródłowy (patrz krok 2).
- Sprawdź, czy kod jest aktywny.
- ✅ Implementacja jest prawidłowa, jeśli
Dalsze kroki
Jeśli używasz trybu uzyskiwania zgody, możesz skonfigurować działanie tagów w poszczególnych regionach, aby uzyskać jeszcze większą kontrolę.