Tagowanie po stronie serwera to nowy sposób korzystania z Menedżera tagów Google do konfigurowania aplikacji na różnych urządzeniach. Kontenery serwera wykorzystują te same tagi, reguły i modele zmiennych, które znasz, a jednocześnie udostępniają nowe narzędzia, które umożliwiają mierzenie aktywności użytkownika w dowolnym miejscu.
Typowa konfiguracja tagowania bez tagowania po stronie serwera wymaga, aby kontener na stronie przesyłał dane pomiarowe do różnych serwerów zbierających. Rysunek 1 pokazuje, jak kontener internetowy Menedżera tagów działający w przeglądarce wysyła dane do wielu serwerów.
Rysunek 1.Diagram witryny przystosowanej do korzystania z kontenera internetowego Menedżera tagów Google
Z kolei kontener serwera nie działa w przeglądarce użytkownika ani na jego telefonie. Działa na serwerze, nad którym masz kontrolę.
Rysunek 2.Przykład konfiguracji tagowania korzystającej z kontenera serwera
Serwer działa we własnym projekcie Google Cloud Platform lub w innym wybranym przez Ciebie środowisku. Tylko Ty masz dostęp do danych na serwerze, chyba że zdecydujesz się wysłać je gdzie indziej. Masz pełną kontrolę nad kształtem danych i miejscem przesyłania ich z serwera. Tagi są tworzone za pomocą technologii JavaScript w trybie piaskownicy. Uprawnienia dają wgląd w możliwości tagu, a zasady umożliwiają wyznaczanie granic wokół kontenera.
Serwer odbiera żądania internetowe z urządzenia użytkownika i przekształca je w zdarzenia. Każde zdarzenie jest przetwarzane przez tagi, reguły i zmienne kontenera. Tagi, reguły i zmienne w kontenerze serwera działają dokładnie tak samo jak w innych rodzajach kontenerów. Reguły sprawdzają poszczególne zdarzenia pod kątem określonych warunków, a w razie potrzeby także uruchamiają tagi, które wysyłają dane zdarzenia do przetworzenia.
Ten model stawia 2 ważne pytania dotyczące kontenerów serwerów:
- Jak dane pomiarowe są przesyłane z urządzenia użytkownika do kontenera serwera?
- Jak dane pomiarowe wysyłane do kontenera serwera są przekształcane w zdarzenie?
Odpowiedź na oba pytania to nowy rodzaj elementu do stosowania w kontenerach serwera: klient.
Jak działają klienci
Klient to połączenie między oprogramowaniem działającym na urządzeniu użytkownika a kontenerem serwera. Klient otrzymuje dane pomiarowe z urządzenia, przekształca je w jedno lub więcej zdarzeń, kieruje dane do przetworzenia w kontenerze i pakuje wyniki, aby odsyłać je z powrotem do osoby wysyłającej prośbę.
To naprawdę dużo rzeczy. Przyjrzyjmy się bliżej każdemu elementowi. Rysunek 3 przedstawia dane przesyłane do kontenera serwera z przeglądarki użytkownika oraz z Twojego serwera WWW do kontenera serwera.
Rysunek 3. Inny klient obsługuje każdy strumień danych.
Klienci otrzymują dane pomiarowe z urządzenia. Załóżmy, że chcesz mierzyć aktywność użytkownika w 3 miejscach: stronie internetowej, aplikacji na telefon i inteligentnego tostera. Twoja witryna korzysta z Google Analytics, aplikacja na telefon korzysta z Firebase Analytics, a toster używa zastrzeżonego protokołu o nazwie „ToastMeasure”.
Skonfigurowanie tych 3 urządzeń za pomocą Menedżera tagów Google wymaga zwykle osobnego kontenera dla każdej platformy. Kontener serwera nie działa na urządzeniu, dlatego ten sam kontener może obsługiwać instrumentację analityczną dla wszystkich 3 platform urządzeń. Jest jednak pewien problem. Te urządzenia nie komunikują się w ten sam sposób. Protokół Google Analytics różni się od protokołu ToastMeasure. W tym miejscu do akcji wkraczają klienci.
Zamiast tych 3 kontenerów Twój kontener serwera ma 3 klienty. Każde żądanie przychodzące do kontenera zostanie przetworzone przez każdego klienta w kolejności od klienta o najwyższym priorytecie. Najpierw każdy klient musi zdecydować, czy wie, jak przetworzyć tego rodzaju żądanie. Jeśli to możliwe, klient „zgłasza prawa do żądania” i przechodzi do następnego etapu przetwarzania. Zgłoszenie żądania uniemożliwia kolejnym klientom uruchomienie go. Jeśli klient nie może zrealizować żądania, narzędzie nie podejmuje żadnych działań i pozwala innym klientom zdecydować, czy zająć się tym żądaniem.
Klienci przekształcają dane żądania w jedno lub więcej zdarzeń. Gdy klient ToastMeasure odbierze żądanie, musi je przekształcić w zrozumienie dla reszty kontenera. Jest to zbiór zdarzeń.
Zdarzenia to zdarzenia, które chcesz mierzyć. Może to być dowolna wartość: start_toasting, finish_toasting lub buy_bread. Istnieją zalecenia dotyczące struktury zdarzeń generowanych przez klienta, ale wymagamy, aby reszta kontenera je rozumieła.
Kontenery uruchamiają klienty. Klient przyjął żądanie i przekształcił go w zdarzenia. Teraz czas na tagi, reguły i zmienne. Klient przekazuje każde zdarzenie do pozostałej części kontenera w celu dalszego przetworzenia.
Klienci pakują wyniki, aby odesłać je z powrotem na urządzenie. Po uruchomieniu kontenera czas na odpowiedź na toster. Odpowiedź może mieć różną formę. Być może klient po prostu mówi „OK, gotowe”. Być może jeden z tagów chce przekierować żądanie do innego serwera zbierającego dane. Albo jeden z tagów informuje, że diody na tosterze zmieniają kolor. Cokolwiek ma się stać, zadaniem klienta jest upakowanie wyników i odesłanie ich do osoby zgłaszającej prośbę.
Na szczęście Menedżer tagów zajmuje się większością za Ciebie. Kontenery serwerów są dostarczane z 3 klientami: Google Analytics 4, Google Analytics: Universal Analytics i platformą Measurement Protocol. Te klienty udostępniają narzędzia potrzebne do rozpoczęcia instrumentacji aplikacji od razu po utworzeniu kontenera.
Krótki przykład
Przyjrzyjmy się temu szybkiemu przykładowi, aby zobaczyć, jak wszystkie elementy się ze sobą łączą. W tym przykładzie utworzysz:
- Prosta witryna, która używa tagu gtag.js do wysyłania zdarzenia
clickdo kontenera serwera. - klienta Google Analytics 4, który odbiera zdarzenie.
- Reguła, która uruchamia się po zdarzeniu
click. - Tag Google Analytics 4, który wysyła dane zdarzenia do Google Analytics w celu ich przetworzenia.
W tym przykładzie zakładamy, że masz już utworzony i wdrożony kontener serwera.
Skonfiguruj tag gtag.js
Najpierw skonfiguruj tag gtag.js tak, aby wysyłał dane do kontenera serwera. Dzięki tagowi gtag.js wysyłanie danych do kontenera serwera działa tak samo jak wysyłanie danych do Google Analytics, ale z jedną modyfikacją. Jak na przykładzie poniżej ustaw opcję konfiguracji server_container_url tak, aby wskazywała 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 TAG_ID swoim 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 TAG_ID swoim identyfikatorem tagu.
Zastąp https://analytics.example.com adresem URL swojego kontenera serwera.
Dzięki tej konfiguracji moduły obsługi zdarzeń takie jak uwzględniona w tym przykładzie funkcja sendEvent() będą wysyłać zdarzenie click do Twojego kontenera serwera.
Klient Google Analytics 4
Twój kontener musi otrzymać zdarzenie po dotarciu do serwera przez klienta. Na szczęście kontenery serwera mają fabrycznie zainstalowanego klienta Google Analytics 4, więc ten krok nie jest już ukończony.
Reguła kliknięcia
Następnie utwórz regułę uruchamianą po wystąpieniu zdarzenia click. Utwórz regułę niestandardową, która będzie uruchamiana, gdy wbudowaną zmienną Nazwa zdarzenia będzie równa „kliknięcie”.
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 potem podłączyć kontener. Klienty GA4 i tagi GA4 zostały zaprojektowane tak, aby ze sobą współdziałały. Oznacza to, że wystarczy utworzyć tag GA4, a jego konfiguracja będzie pobierana automatycznie ze zdarzeń wychodzących z klienta.
Podgląd kontenera
Gdy kontener jest już skonfigurowany, kliknij Podgląd. Otwórz witrynę w innym oknie przeglądarki. W miarę wysyłania żądań i zdarzeń do kontenera serwera żądania i zdarzenia będą widoczne w lewej części strony podglądu.
Jeśli zmiany są zadowalające, opublikuj kontener serwera.
Konfigurowanie serwera pod kątem trybu produkcyjnego z własnym wyświetlaniem reklam
Przed wysłaniem ruchu produkcyjnego do kontenera serwera zdecydowanie zalecamy zainstalowanie serwera w domenie własnej i uaktualnienie serwera do trybu produkcyjnego.