Wprowadzenie do tagowania po stronie serwera

Tagowanie po stronie serwera to nowy sposób korzystania z Menedżera tagów Google, który pozwala aplikacji na różnych urządzeniach. Kontenery serwera używają tego samego tagu, reguły model zmienny, który jest Ci znany, a zarazem nowe narzędzia, które umożliwiają mierzyć aktywność użytkowników niezależnie od tego, co się dzieje.

Typowa konfiguracja tagowania bez tagowania po stronie serwera opiera się kontener na stronie do wysyłania danych pomiarowych do różnych serwerów zbierających dane. Rysunek 1 pokazuje przykład kontenera internetowego Menedżera tagów działającego w przeglądarka wysyła dane do wielu serwerów.

Schemat witryny wykorzystującej kontener internetowy Menedżera tagów Google

Rysunek 1.Schemat witryny wykorzystującej kontener internetowy Menedżera tagów Google

Z kolei kontener serwera nie działa w przeglądarce użytkownika ani na jego telefonu. Zamiast tego działa na serwerze, który kontrolujesz.

Diagram witryny korzystającej z kontenera tagowania po stronie serwera.

Rysunek 2.Przykład konfiguracji tagowania z wykorzystaniem kontenera serwera

Serwer działa w Twoim projekcie Google Cloud Platform – w innym przez siebie środowisku – i tylko Ty masz do niego dostęp. dostępu do danych na serwerze, dopóki nie zdecydujesz się wysłać ich w inne miejsce. Masz pełną kontrolę nad kształtem danych i miejscem, do którego są kierowane serwera. Tagi są tworzone za pomocą tagów JavaScript w piaskownicy technologii. dzięki uprawnieniom masz wgląd w działania tagu; umożliwia wyznaczanie granic wokół kontenera.

Serwer odbiera z urządzenia użytkownika żądania internetowe i przekształca je żądania w zdarzenia. Każde zdarzenie jest przetwarzane przez kod kontenera tagów, reguł i zmiennych. Tagi, reguły i zmienne na serwerze kontenera działają dokładnie tak samo jak w innych rodzajach kontenerów: aktywatory, sprawdzać poszczególne zdarzenia pod kątem określonych warunków i w razie potrzeby tagów, które wysyłają dane zdarzenia do przetworzenia.

Ten model wprowadza 2 ważne pytania dotyczące kontenerów serwera:

  • Jak dane pomiarowe są przesyłane z urządzenia użytkownika do kontenera serwera?
  • Jak dane pomiarowe wysyłane do kontenera serwera zostają przekształcone w zdarzenie?

Odpowiedź na oba pytania to nowy rodzaj encji do wykorzystania na serwerze kontenery: klient.

Jak działają klienci

Klienty to łącznik między oprogramowaniem na urządzeniu użytkownika a kontener serwera. Klient otrzymuje dane pomiarowe z urządzenia, przekształca przekształca te dane w co najmniej 1 zdarzenie, kieruje dane do przetworzenia w kontenerze; i pakuje wyniki, by odesłać je do osoby wysyłającej prośbę.

To naprawdę dużo. Przyjrzyjmy się bliżej każdemu elementowi z osobna. Rysunek 3 przedstawia dane napływające do kontenera serwera z sieci użytkownika i z Twojego serwera WWW do kontenera serwera.

Diagram witryny korzystającej z kontenera tagowania po stronie serwera.

Rys. 3. Każdy strumień danych obsługuje inny klient.

Klienci otrzymują dane pomiarowe z urządzenia. Powiedzmy, że chcesz użyć funkcji mierzyć aktywność użytkowników w 3 miejscach: na stronie internetowej, w aplikacji na telefon i w inteligentnym toster. Twoja strona używa Google Analytics, a aplikacja na telefon – Firebase. a Analytics używa zastrzeżonego protokołu o nazwie „ToastMeasure”.

Skonfigurowanie tych trzech urządzeń za pomocą Menedżera tagów Google zwykle wymagałoby osobny kontener dla każdej platformy. Kontener serwera nie działa na urządzeniu, ten sam kontener może obsługiwać narzędzia analityczne dla 3 platform urządzeń. Jest jednak pewien problem. Nie wszystkie te urządzenia komunikują się w ten sam sposób. Protokół Google Analytics to nie to samo, za pomocą protokołu ToastMeasure. Właśnie tutaj do akcji wkraczają klienci.

Zamiast tych trzech kontenerów Twój kontener serwera ma 3 klienty. Każde żądanie przychodzące do kontenera zostanie przetworzone przez każdego klienta w według priorytetu, od klienta o najwyższym priorytecie. W pierwszej kolejności każdy klient jest podjęcie decyzji, czy wie, jak zająć się tego rodzaju prośbami. Jeśli tak, klient twierdzi, i przechodzi do kolejnego etapu, o przetwarzaniu danych. Zgłoszenie roszczenia uniemożliwia kolejnym klientom w domu. Jeśli klient nie może przetworzyć żądania, nic nie robi i zezwala z innymi klientami, aby podjąć decyzję o usłudze.

Klienci przekształcają dane dotyczące żądań w jedno lub więcej zdarzeń. Po odebraniu żądania przez klienta ToastMeasure musi w sposób zrozumiały dla reszty kontenera. To, że coś jest zbiór zdarzeń.

Zdarzenia to zdarzenia, które chcesz mierzyć. Mogą to być: start_toasting, finish_toasting lub buy_bread. Istnieją pewne rekomendacji dotyczących struktury zdarzenia generowane przez klienta. Jedynym wymaganiem jest to, aby reszta kontener je rozumie.

Klient uruchamia kontener. Klient odebrał żądanie i je spełnił zdarzeń. Teraz na tagi, reguły i zmienne. Klient przekazuje każde zdarzenie do reszty kontenera w celu dalszego przetwarzania.

Klient pakuje wyniki i przesyła je z powrotem na urządzenie. Gdy funkcja uruchomiono kontener, czas zareagować na toster. Uzyskanie odpowiedzi może potrwać w wielu formach. Może klient mówi tylko „OK, gotowe”. Może jeden z tagów chce aby przekierować żądanie do innego serwera zbierającego dane. Albo jeden z tagów informuje, że diody na tosterze mają zmieniać kolor. Wszystko, co powinno to zadaniem klienta jest uporządkowanie wyników i odesłanie ich do wnioskodawcy.

Na szczęście większość tych zadań zajmuje się Menedżer tagów. Udostępniono kontenery serwera w której skład wchodzą 3 klienty: Google Analytics 4, Google Analytics: Universal Analytics i Measurement Protocol. Ci klienci zapewniają narzędzia, których potrzebujesz możesz zacząć instrumentować swoją aplikację, gdy tylko utworzysz kontenera.

Krótki przykład

Przeanalizujmy krótki przykład, aby zobaczyć, jak wszystkie elementy się ze sobą łączą. W W tym przykładzie utworzysz następujące dane:

  1. Prosta witryna, która używa tagu gtag.js do wysyłania zdarzenia click do kontener serwera.
  2. Klient Google Analytics 4, który odbiera zdarzenie.
  3. Reguła uruchamiająca się w związku ze zdarzeniem click.
  4. tagu Google Analytics 4, który wysyła dane zdarzenia do Google Analytics w celu: o przetwarzaniu danych.

W tym przykładzie zakładamy, że masz już utworzone wdrożono kontener serwera.

Skonfiguruj tag gtag.js

Najpierw skonfiguruj tag gtag.js tak, aby wysyłał dane do Twojego kontenera serwera. Na za pomocą tagu gtag.js, wysyłanie danych do kontenera serwera działa tak samo jak wysyłanie danych do Google Analytics z 1 modyfikacją. Tak jak na przykładzie poniżej, ustaw parametr Opcja konfiguracji server_container_url wskazująca kontener serwera.

<!-- 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', 'TAG_ID', {
    server_container_url: 'https://analytics.example.com',
  });
</script>

Zastąp ciąg TAG_ID identyfikatorem tagu. Zastąp https://analytics.example.com adresem URL swojego kontenera serwera.

Następnie dodaj funkcję sendEvent() do obsługi zdarzeń click:

<!-- 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', 'TAG_ID', {
    server_container_url: 'https://analytics.example.com',
  });

  function sendEvent() {
    gtag('event', 'click');
  }
</script>

<button onclick="javascript:sendEvent()">Send Event</button>

Zastąp ciąg TAG_ID identyfikatorem tagu. Zastąp https://analytics.example.com adresem URL swojego kontenera serwera.

W przypadku tej konfiguracji moduły obsługi zdarzeń, takie jak funkcja sendEvent(), spowoduje wysłanie zdarzenia click do Twojego kontenera serwera.

Klient Google Analytics 4

Twój kontener wymaga, aby po dotarciu do serwera odebrał zdarzenie przez klienta. Na szczęście kontenery serwera są wyposażone w klienta Google Analytics 4 jest wstępnie zainstalowany, więc ten krok masz już za sobą.

Reguła kliknięcia

Następnie utwórz regułę, która uruchamia się po zdarzeniu click. Utwórz niestandardowy element Aktywator uruchamiany, gdy wbudowana zmienna Nazwa zdarzeniajest równa kliknij.

konfiguracja aktywatora

Tag Google Analytics 4

Na koniec dołącz do reguły tag GA4. Podobnie jak w przypadku klientów, kontener serwera zawiera tag GA4. Wystarczy utworzyć tag, skonfigurować ustawienia a teraz kontener jest podłączony kablem. Klienty GA4 i tagi GA4 są zaprojektowane zespołową. Oznacza to, że wystarczy utworzyć tag GA4 będzie automatycznie pobierana ze zdarzeń wychodzących klienta.

Wyświetl podgląd kontenera

Po skonfigurowaniu kontenera kliknij Podgląd. Odwiedź swoją witrynę za pomocą w innym oknie przeglądarki. Gdy żądania i zdarzenia są wysyłane na Twój serwer żądania i zdarzenia zostaną wyświetlone po lewej stronie stronie podglądu.

Gdy wprowadzisz zmiany, opublikuj kontener serwera.

Skonfiguruj serwer pod kątem trybu produkcyjnego z udostępnianiem treści własnych

Przed wysłaniem ruchu produkcyjnego do kontenera serwera zalecamy zainstalowanie serwera własnej domeny oraz uaktualniam serwer do trybie produkcyjnym.