Zdarzenie dotyczące danych przekazywanych przez użytkowników Google Ads

Menedżer tagów po stronie serwera umożliwia przenoszenie tagów zdarzeń Google Ads dotyczących danych przekazywanych przez użytkowników ze strony internetowej na serwer. Przeniesienie tych tagów na serwer zmniejsza ilość kodu, który musisz uruchamiać na stronie, i pomaga zwiększyć szybkość wczytywania strony. Z tego dokumentu dowiesz się, jak skonfigurować kontener internetowy i kontener serwera Menedżera tagów, aby używać tagu zdarzenia z danymi przekazywanymi przez użytkowników Google Ads.

Zanim zaczniesz

W tym dokumencie przyjęto założenie, że:

Krok 1. Skonfiguruj tag łączący konwersje

Aby umożliwić Google Ads wysyłanie danych do Menedżera tagów, musisz skonfigurować tag śledzenia konwersji.

Jeśli masz już tag łączący konwersje skonfigurowany w kontenerze serwera, możesz pominąć ten krok.

Aby skonfigurować tag Tag łączący konwersje:

  1. W obszarze roboczym kontenera serwera otwórz menu Tagi po lewej stronie strony.
  2. Aby dodać nowy tag, kliknij Nowy.
  3. Wybierz typ tagu Tag łączący konwersje.
  4. Skonfiguruj regułę, która będzie powodować uruchamianie tagu po stronie serwera tag łączący konwersje.
    W większości przypadków najlepszym rozwiązaniem jest reguła Wszystkie strony.
  5. Nazwij tag i kliknij Zapisz. Szczegóły tagu łączącego konwersje

Krok 2. Skonfiguruj w kontenerze serwera tag zdarzenia z danymi przekazywanymi przez użytkowników Google Ads

Aby skonfigurować tag Zdarzenie Google Ads dotyczące danych przekazywanych przez użytkowników:

  1. W obszarze roboczym kontenera serwera otwórz menu Tagi po lewej stronie.
  2. Aby dodać nowy tag, kliknij Nowy.
  3. Wybierz typ tagu Zdarzenie Google Ads dotyczące danych przekazywanych przez użytkowników.
  4. Wpisz wymagane informacje o konwersji (identyfikator konwersji). Te wartości znajdziesz na koncie Google Ads.

  5. W menu Wywoływanie wybierz istniejący wyzwalacz, jeśli pasuje do Twojego przypadku użycia. Jeśli żadna z dotychczasowych reguł nie spełnia Twoich potrzeb, utwórz nową regułę niestandardowąniebieski plus.

    Aby uruchomić tag w przypadku zdarzenia niestandardowego:

    1. Wybierz regułę Zdarzenie niestandardowe.
    2. Wpisz nazwę zdarzenia, która jest zgodna z nazwą używaną w tagu Google Analytics: zdarzenie GA4. Szczegóły reguły zdarzenia niestandardowego

    Aby wywoływać tag tylko w przypadku określonych adresów URL:

    1. Wybierz opcję uruchamiania reguły w przypadku niektórych zdarzeń niestandardowych.
    2. Dodaj zmienną URL strony, aby była równa adresowi URL, na którym ma się aktywować tag.
  6. Nazwij tag i kliknij Zapisz.

Krok 3. Skonfiguruj dane użytkowników

Tag korzysta z danych użytkowników dostępnych w zdarzeniu, podobnie jak konwersje rozszerzone.

Konfigurowanie zmiennej danych przekazywanych przez użytkowników

Konwersje rozszerzone można implementować w Menedżerze tagów na 3 sposoby. Musisz wybrać tylko 1 opcję zbierania danych przekazywanych przez użytkowników.

Automatyczne zbieranie danych Konfiguracja ręczna Konfiguracja kodu
Metoda zbierania danych Automatycznie zbiera dane przekazywane przez użytkowników na podstawie kodu Twojej witryny.

Jeśli chcesz mieć kontrolę nad tym, gdzie zbierać dane wejściowe, wybierz konfigurację ręczną lub konfigurację kodu.
Aby zbierać dane przekazywane przez użytkowników, określ wybrane właściwości arkusza CSS lub zmienne JavaScriptu.

Jeśli chcesz mieć kontrolę nad formatowaniem i szyfrowaniem danych, wybierz konfigurację kodu.
Umieść w witrynie fragment kodu, który przesyła zaszyfrowane dane klientów niezbędne do dopasowywania.
Ta metoda to najlepszy sposób na zmaksymalizowanie dokładności konwersji rozszerzonych, ponieważ pozwala przesyłać spójne dane po każdym uruchomieniu tagu konwersji.
Złożoność Prosty Średnia Złożona
Umiejętności Nie są wymagane żadne specjalne umiejętności HTML i CSS Programowanie stron internetowych

Automatyczne zbieranie danych

  1. W kontenerze internetowym otwórz menu Zmienne.
  2. Utwórz nową zmienną zdefiniowaną przez użytkownika typu Dane przekazywane przez użytkowników.
  3. Jako Typ wybierz Automatyczne zbieranie danych.
  4. Nadaj zmiennej nazwę, np. My user-defined data.
  5. Kliknij Zapisz.

Konfiguracja ręczna

  1. W kontenerze internetowym otwórz menu Zmienne.
  2. Utwórz nową zmienną zdefiniowaną przez użytkownika typu Dane przekazywane przez użytkowników.
  3. Jako Typ wybierz Konfiguracja ręczna.
  4. Aby utworzyć odpowiednie pole danych użytkownika, które chcesz przekazywać za pomocą konwersji rozszerzonych, dodaj nową lub dotychczasową zmienną.

  5. Aby określić element z modelu DOM, kliknij kolejno Nowa zmienna > Konfiguracja zmiennej > Element DOM.

  6. W sekcji Metoda wyboru możesz kliknąć Selektor arkusza CSS lub Identyfikator. Wskazówka: jeśli zmienne arkusza CSS często ulegają zmianie, dodaj do witryny identyfikator HTML i użyj zmiennej Identyfikator.

  7. Wpisz nazwę selektora arkusza CSS lub identyfikatora. Pole Nazwa atrybutu możesz pozostawić puste.

  8. Nazwij zmienną Element DOM i kliknij Zapisz. Na ekranie ponownie pojawią się ustawienia danych przekazywanych przez użytkowników.

  9. Nazwij zmienną Dane przekazywane przez użytkowników, np. My user-defined data.

  10. Kliknij Zapisz.

Konfiguracja kodu

Krok 1. Odszukaj i zdefiniuj zmienne konwersji rozszerzonych

Możesz wysyłać niezaszyfrowane dane, które Google zaszyfruje, zanim trafią na serwery, albo dane zaszyfrowane. Jeśli chcesz wysyłać wstępnie zaszyfrowane dane, zakoduj je za pomocą algorytmu SHA256 z kodowaniem szesnastkowym. W obu przypadkach podaj co najmniej 1 z tych pól: e-mail lub numer telefonu.
Aby przekazywać do warstwy danych niezaszyfrowane dane:

  1. Dane przekazywane przez użytkowników przechowuj w swojej witrynie w postaci par klucz-wartość w zmiennej JavaScriptu. Na przykład:

    var leadsUserData = {
      'email': 'name@example.com',
      'phone_number': '+11234567890',
      'address': {
        first_name: 'John',
        last_name: 'Doe',
        street: '123 Lemon',
        city: 'Some city',
        region: 'CA',
        country: 'US',
        postal_code: '12345',
      },
    };
    
  2. Przesyłaj dane użytkownika razem ze zdarzeniem za pomocą obiektu dataLayer.push(), np.

    <script>
      dataLayer.push({
        'event': 'formSubmitted',
        'leadsUserData': {
          'email': 'name@example.com',
          'phone_number': '+11234567890',
          'address': {
             first_name: 'John',
             last_name: 'Doe',
             street: '123 Lemon',
             city: 'Some city',
             region: 'CA',
             country: 'US',
            postal_code: '12345',
           },
         },
      });
    <script>
    

Zmienna leadsUserData jest teraz dostępna w Menedżerze tagów Google.

Aby przekazać do warstwy danych zaszyfrowane wstępnie dane:

  1. W witrynie haszuj dane przekazywane przez użytkowników za pomocą szesnastkowego kodu SHA256. Klucz kodowanych danych musi zaczynać się od sha256_. Na przykład:

    {'sha256_email_address':await hashEmail(email.trim()),
    }
    
  2. Przesyłaj dane użytkownika razem ze zdarzeniem za pomocą funkcji dataLayer.push(). W poniższym przykładzie pokazano implementację warstwy danych przy założeniu, że samodzielnie tworzysz funkcję haszowania, która jest uruchamiana asynchronicznie.

    <script>
      dataLayer.push({
        'event': 'formSubmitted',
        'leadsUserData': {
          'sha256_email_address': await hashEmail(email.trim()),
          'sha256_phone_number': await hashPhoneNumber(phoneNumber),
          'address': {
            sha265_first_name: await hashString(firstname),
            sha256_last_name: await hashString(lastname),
            sha256_street: await hashString(streetAddress),
            postal_code: '12345',
           },
         },
      });
    <script>
    

Zmienna leadsUserData jest teraz dostępna w Menedżerze tagów Google.

Krok 2. Utwórz zmienną danych przekazywanych przez użytkowników

  1. W kontenerze internetowym otwórz menu Zmienne.
  2. Utwórz nową zmienną zdefiniowaną przez użytkownika typu Dane przekazywane przez użytkowników.
  3. Jako Typ wybierz Kod.
  4. Aby utworzyć odpowiednie pole danych użytkownika, które chcesz przekazywać, kliknij kolejno menu i Nowa zmienna.
  5. W sekcji Wybór typu zmiennej kliknij Zmienna warstwy danych.
  6. W zmiennej warstwy danych odwołaj się do przechowywanych danych użytkownika. Na przykład: leadsUserData.
  7. Nazwij zmienną warstwy danych i kliknij Zapisz. Na ekranie ponownie pojawią się ustawienia danych przekazywanych przez użytkowników.
  8. Nazwij zmienną Dane przekazywane przez użytkowników, np. My user-defined data.
  9. Kliknij Zapisz.

Przypisywanie zmiennej do tagu Google

  1. W kontenerze internetowym otwórz menu Tagi.
  2. Edytuj tag Google, którego używasz do wysyłania danych na serwer tagowania.
  3. W sekcji Ustawienia konfiguracji dodaj nowy Parametr konfiguracji o nazwie user_data. W polu Wartość ustaw zmienną Dane przekazywane przez użytkowników, np. {{My user-provided data}}.
  4. Zapisz zmiany. Tag powinien wyglądać tak:

    Zrzut ekranu pokazujący ostateczną konfigurację tagu Google, która odwołuje się do zmiennej danych przekazywanych przez użytkowników.

Krok 4. Sprawdź poprawność konfiguracji

Gdy zaczniesz wysyłać dane za pomocą kontenera serwera, możesz sprawdzić, czy działa on prawidłowo, wykonując te czynności:

  1. Otwórz swoją witrynę.
  2. W kontenerze serwera Menedżera tagów Google kliknij Podgląd. Uruchomi się Tag Assistant i załaduje kontener serwera.
  3. Na karcie Tagi znajdziesz wszystkie tagi, które zostały uruchomione. Sprawdź, czy skonfigurowany tag został uruchomiony.
  4. Karta Konsola zawiera wszystkie błędy, które wystąpiły podczas przesyłania danych do kontenera serwera. Sprawdź, czy nie ma błędów, i je usuń.

Więcej informacji o debugowaniu kontenerów Menedżera tagów znajdziesz w tym artykule.

Dalsze kroki

Gdy tag zdarzenia z danymi przekazywanymi przez użytkowników Google Ads będzie działać zgodnie z oczekiwaniami, możesz usunąć z kontenera internetowego wszystkie równoważne tagi zdarzenia z danymi przekazywanymi przez użytkowników Google Ads, aby uniknąć duplikowania danych.