Menedżer tagów Google - warstwa danych

Warstwę danych można postrzegać jako obiekt przechowujący wszystkie informacje do przekazania i przetworzenia za pomocą Menedżera tagów Google. To jest trochę techniczna koncepcja. Termin warstwa danych jest używany do określenia struktury danych używanej przez Menedżera tagów Google do przechowywania, przetwarzania i przekazywania danych między witryną / blogiem a menedżerem tagów.

Aby to bardziej rozwinąć, warstwa danych może przesyłać dane do narzędzia analitycznego o odwiedzającym. Przyjmując definicję z innej perspektywy, warstwa danych jest w rzeczywistości listą wymagań biznesowych i celów dla każdego podzbioru kontekstu cyfrowego.

Weźmy przykład witryny e-commerce, wymagania biznesowe mogą obejmować:

  • Informacje transakcyjne, zawierające szczegółowe informacje o tym, co zostało zakupione

  • Dane odwiedzających, dotyczące tego, kto dokonał zakupu

  • Inne szczegóły dotyczące zakupu, takie jak miejsce dokonania zakupu i o której godzinie

  • Wreszcie informacje o innych czynnikach, takich jak to, czy odwiedzający zapisał się na aktualizacje e-mail, czy nie

Tak więc, w skrócie, warstwa danych zawiera informacje, które mogą być używane przez różne narzędzia / użytkowników / interesariuszy zgodnie z wymaganiami.

W Menedżerze tagów Google dataLayer to tablica JavaScript. Składa się z par klucz-wartość. Poniżej znajduje się krótki przykład obiektu dataLayer z różnymi typami danych -

dataLayer = [{
   'products': [{
      'name': 'Western Cotton',
      'tuning': 'High-G',
      'price': 49.75
   },
   {
      'name': 'Fenda Speakers',
      'tuning': 'Drop-C',
      'price': 199
   }],
   'stores': ['Hyderabad', 'Bangloer],
   'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
   'employee': {'name': 'Raghav}
}];

Mamy tutaj różne wartości, takie jak tablica obiektów (produkty), wartości liczbowe (cena), tablica ciągów (sklepy), obiekt daty i obiekt (nazwa).

Z drugiej strony, kiedy umieścisz kod kontenera Menedżera tagów Google w swojej witrynie, warstwa danych jest tworzona automatycznie.

Warstwa danych sama w sobie jest dość złożoną koncepcją, którą należy zrozumieć na początku. W tym rozdziale znajdziesz więcej informacji na temat interakcji z warstwą danych.

Zdarzenia warstwy danych

Szybkim przykładem zdarzenia warstwy danych może być formularz rejestracji biuletynu, którego nie można łatwo śledzić za pomocą automatycznych odbiorników GTM. Twórca witryny internetowej może pomóc Ci w przekazaniu zdarzenia warstwy danych, gdy nowy subskrybent wprowadzi swój adres e-mail w Twojej witrynie. Kod tego wydarzenia powinien wyglądać następująco -

push({‘event’: ‘new_subscriber’});

Jeśli potrzebujesz, możesz poprosić programistę o dodatkowe informacje, takie jak lokalizacja formularza. Jest to wymagane, jeśli w witrynie znajduje się więcej niż jeden formularz. Można to osiągnąć za pomocą następującego kodu.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'formLocation': ‘footer’,
   'event': new_subscriber
});

Ponadto Menedżer tagów Google domyślnie przekazuje określony zestaw wartości na warstwę danych aplikacji internetowych. Te wartości to -

  • gtm.js - Przeniesione do warstwy danych, gdy tylko Menedżer tagów Google jest gotowy do uruchomienia

  • gtm.dom - Przeniesione do warstwy danych, gdy DOM jest gotowy

  • gtm.load - Przekazywany do warstwy danych, gdy okno jest w pełni załadowane

Inspekcja warstwy danych

Jak już wiemy, istnieją pewne zdarzenia, które powstają w wyniku jakiejkolwiek interakcji na ekranie.

Na przykład rozważmy to proste zdarzenie ładowania strony. Aby przyjrzeć się zdarzeniom, musisz mieć uruchomiony debugger. Po uruchomieniu debugera (w trybie podglądu) odwiedź blog. Jeśli spojrzysz na okno podsumowania w lewym dolnym rogu, zobaczysz to -

Step 1 - Kliknij opcję Wczytane okno, a następnie Warstwa danych.

Informacje wyświetlane na karcie Warstwa danych dotyczą zdarzenia Window Loaded.

Jest wyświetlany jako - {event: 'gtm.load', gtm.uniqueEventId: 3}

Ponadto, jeśli chcesz przyjrzeć się bliżej, musisz uzyskać wsparcie z karty konsoli Chrome. Inspekcja warstwy danych staje się łatwa, gdy wiesz, jak prawidłowo używać debugera Chrome.

Step 2- Gdy jesteś na swoim blogu, kliknij prawym przyciskiem myszy dowolną część strony. W wyświetlonym menu kontekstowym kliknij opcję Sprawdź. Panel zostanie wyświetlony po prawej stronie ekranu, z aktywną zakładką Elementy.

Step 3- Kliknij Konsola. W trybie konsoli kliknij ikonę w lewym górnym rogu, aby wyczyścić wszystkie wyświetlone komunikaty. Zobacz poniższy zrzut ekranu w celach informacyjnych.

Step 4- Po wyczyszczeniu okna dla wszelkich poprzednich komunikatów, wpisz dataLayer i upewnij się, że wielkie litery L zostały wprowadzone. Ta nazwa jest przekazywana przez Menedżera tagów Google do jego warstwy danych. Twoi programiści mogą jednak przypisać mu inną nazwę w razie potrzeby.

Step 5- Naciśnij enter po dataLayer. Pokaże następujące szczegóły.

Istnieją trzy obiekty, a każdy z nich zawiera pewne informacje. Teraz te obiekty mogą nie być dla Ciebie takie same, jak pokazano na powyższym zrzucie ekranu. DataLayer jest konfigurowalny i programista ma w dużej mierze kontrolę nad skonfigurowaniem go zgodnie z wymaganiami.

Obecne wartości są związane z gadżetem Bloggera używanym w tym konkretnym miejscu / miejscu. To jest powód, dla którego są tam pewne informacje.

Jeśli spojrzysz na obiekt 1, zauważysz, że wywołane zdarzenie to - gtm.dom . Jest uruchamiany przez GTM podczas ładowania strony.

W ten sposób możesz przeglądać warstwę danych i dodawać do niej informacje w razie potrzeby.

Zmienne w warstwie danych

Teraz, gdy zaznajomiliśmy się z warstwą danych, spróbujmy odczytać jedną ze zmiennych za pomocą interfejsu Google Tag Manager.

Tutaj spróbujemy odczytać zdarzenie przy użyciu zmiennej warstwy danych.

Jeśli widzimy powyższy rysunek, zdarzenie zmiennej przechowuje gtm.dom . Zamierzamy utworzyć zmienną z interfejsu GTM i zobaczyć, jak to odzwierciedla na karcie Zmienne w Menedżerze tagów Google.

Step 1- W interfejsie Menedżera tagów Google przejdź do Zmienne. Przewiń w dół do zmiennych zdefiniowanych przez użytkownika. Kliknij NOWY.

Step 2 - Podaj nazwę tej nowej zmiennej, nazwijmy ją varEvent.

Step 3 - Kliknij Wybierz typ zmiennej, aby rozpocząć konfigurację…

Step 4 - Wybierz z listy Zmienna warstwy danych.

Step 5 - W przypadku wybrania zmiennej warstwy danych konieczne będzie podanie nazwy i wersji.

Ta nazwa będzie pochodzić z rzeczywistej warstwy danych Menedżera tagów Google. Jak wspomniano wcześniej, zmienną, którą będziemy śledzić, jest - zdarzenie.

Step 6 - Wprowadź zdarzenie w nazwie zmiennej warstwy danych.

Step 7 - Kliknij ZAPISZ.

Step 8 - Kliknij Podgląd, aby zobaczyć zmiany odzwierciedlone w debugerze.

Step 9- Po załadowaniu strony kliknij opcję Window Loaded, a następnie Variables. Przewiń na sam dół sekcji Variables, zobaczysz varEvent, jak zaznaczono na powyższym zrzucie ekranu.

Jak widać na powyższym zrzucie ekranu, wartością będzie gtm.load.

W ten sposób można zbadać warstwę danych i w razie potrzeby pobrać wartości w warstwie danych.