Tryb własny: wczytywanie skryptów Google za pomocą tagowania po stronie serwera

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.

W tym przewodniku przyjęto założenie, że zostały już przez Ciebie wykonane te czynności:

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:

  1. Otwórz Menedżera tagów Google
  2. W kontenerze serwera kliknij Klienci.
  3. Kliknij Nowy.
  4. Wybierz typ klienta Menedżer tagów Google: kontener internetowy. Wybieranie typu klienta w Menedżerze tagów: wyróżniony klient Web Container

  5. 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

    Zrzut ekranu pokazujący klienta kontenera internetowego Menedżera tagów

  6. Nazwij klienta i kliknij Zapisz.

  7. 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:

  1. Znajdź na stronie istniejący kod Menedżera tagów.
  2. Zastąp ciąg https://example.com/metrics nazwą domeny serwera tagowania w elementach <head><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:

  1. Otwórz stronę w nowej karcie przeglądarki.
  2. 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.
  3. 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.

    Zrzut ekranu narzędzi dla deweloperów z własnym serwerem jako źródłem skryptów Google

    • ❌ Jeśli na karcie Źródła element www.googletagmanager.com jest wyświetlany jako źródło elementu gtm.js, oznacza to, że zależności są nadal wczytywane z serwerów Google.

    Zrzut ekranu narzędzi dla deweloperów z domeną www.googletagmanager.com jako źródłem skryptów Google

    • Sprawdź, czy w kodzie został zmodyfikowany adres URL źródłowy (patrz krok 2).
    • Sprawdź, czy kod jest aktywny.

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ę.