Tagi Google Floodlight

Ten artykuł jest przeznaczony dla programistów, którzy chcą przenieść tagi Floodlight z tagu Przenieś kontener internetowy do kontenera serwera.

Menedżer tagów po stronie serwera umożliwia przenoszenie danych o sprzedaży Google Floodlight i tagi licznika ze strony internetowej na serwer. Przeniesienie tych tagów na serwer zmniejszy ilość kodu do uruchomienia na stronie i pomoże poprawić czas wczytywania strony.

Zanim zaczniesz

Przed przeniesieniem tagów na serwer upewnij się, że:

• Dostęp administracyjny do Menedżera tagów Google i Floodlight
• zainstalować i skonfigurować Menedżera tagów Google,
• Konfigurowanie kontenera serwera
• Skonfiguruj klienta Google Analytics: GA4.

Krok 1. Skonfiguruj tag łączący konwersje

Twoje konto Floodlight może wysyłać dane o konwersjach do Menedżera tagów Google tylko wtedy, gdy masz skonfigurowany tag łączący konwersje.

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

Aby skonfigurować tag łączący konwersje:

1. W obszarze roboczym kontenera serwera otwórz menu Tagi po lewej stronie stronę.
2. Kliknij Nowy, aby dodać nowy tag.
3. Wybierz typ tagu Tag łączący konwersje.
4. Skonfiguruj regułę, która spowoduje, że tag łączący konwersje po stronie serwera będzie pożaru.
   W większości przypadków najlepszą opcją jest reguła Wszystkie strony.
5. Nazwij tag i kliknij Zapisz.

Krok 2. Skonfiguruj tagi Floodlight

Menedżer tagów Google obsługuje tagi licznikowe Floodlight i tagi sprzedaży Floodlight w kontener serwera.

Licznik Floodlight

Aby skonfigurować tag licznika Floodlight:

1. W obszarze roboczym kontenera serwera po lewej stronie wybierz menu Tagi. krawędzi strony.
2. Kliknij Nowy, aby dodać nowy tag.

3. Wybierz typ tagu Licznik Floodlight.

   

4. Aby zebrać wartości wymagane do skonfigurowania tagu, otwórz inny okno przeglądarki i zaloguj się w usłudze Campaign Manager 360. Kliknij kolejno Reklamodawcy i nazwę reklamodawcy. Wpisz te wartości w nowym tagu licznika Floodlight w Menedżerze tagów:

   • Identyfikator reklamodawcy: identyfikator reklamodawcy jest widoczny na poziomie reklamodawcy. szczegółów tuż pod nazwą reklamodawcy. Ta wartość to występująca także jako wartość src= w wygenerowanym tagu Floodlight .
   • Ciąg tagu grupy: w tabeli Aktywność wyszukaj działanie z którym chcesz pracować, i znajdź ciąg tagu grupy wymieniony w polu kolumnę po prawej stronie. Jest to również wartość parametru type= w wygenerowanym kodzie tagu Floodlight.
   • Ciąg tagu aktywności: w tabeli Aktywność wyszukaj aktywność, z którą chcesz pracować, i znajdź tag aktywności w kolumnie po prawej stronie. Jest to również wartość cat= w wygenerowanym kodzie tagu Floodlight.

5. Ustaw odpowiednią metodę zliczania:

   • Standardowa: zliczane są wszystkie konwersje.
   • Unikalni: zliczana jest pierwsza konwersja dla każdego unikalnego użytkownika. w ciągu każdej doby (od północy do północy czasu wschodniego w USA).
   • Na sesję: zliczana jest 1 konwersja na użytkownika na sesję. Długość sesji jest ustawiana przez witrynę, w której znajduje się tag Floodlight została wdrożona.

6. Otwórz okno Wybierz aktywator.

7. W menu Konfiguracja aktywatora wybierz regułę. W większości przypadków Wszystkie strony to najlepsza opcja.

   

8. Wpisz nazwę tagu i kliknij Zapisz.

   

Sprzedaż Floodlight

Aby skonfigurować tag sprzedaży Floodlight:

1. W obszarze roboczym kontenera serwera po lewej stronie wybierz menu Tagi. krawędzi strony.
2. Kliknij Nowy, aby dodać nowy tag.

3. Wybierz typ tagu Sprzedaż Floodlight. Uwaga: sprzedaż Floodlight automatycznie pobiera następujące wartości z odpowiednie pole e-commerce:

   *   Order ID (Transaction ID)
   *   Revenue (Value)
   

4. Aby zebrać wartości wymagane do skonfigurowania tagu, otwórz inny okno przeglądarki i zaloguj się w usłudze Campaign Manager 360. Kliknij Reklamodawcy, a potem kliknij nazwę reklamodawcy. Wpisz te dane: w nowym tagu licznika Floodlight w Menedżerze tagów:

   • Identyfikator reklamodawcy: identyfikator reklamodawcy jest widoczny na poziomie reklamodawcy. szczegółów tuż pod nazwą reklamodawcy. Ta wartość to występująca także jako wartość src= w wygenerowanym tagu Floodlight .
   • Ciąg tagu grupy: w tabeli Aktywność wyszukaj działanie z którym chcesz pracować, i znajdź ciąg tagu grupy wymieniony w polu kolumnę po prawej stronie. Jest to również wartość parametru type= w wygenerowanym kodzie tagu Floodlight.
   • Ciąg tagu aktywności: w tabeli Aktywność wyszukaj aktywność, z którą chcesz pracować, i znajdź tag aktywności w kolumnie po prawej stronie. Jest to również wartość cat= w wygenerowanym kodzie tagu Floodlight.

5. Ustaw odpowiednią metodę zliczania:

   • Standardowa: zliczane są wszystkie konwersje.
   • Unikalni: zliczana jest pierwsza konwersja dla każdego unikalnego użytkownika. w ciągu każdej doby (od północy do północy czasu wschodniego w USA).
   • Na sesję: zliczana jest 1 konwersja na użytkownika na sesję. Długość sesji jest ustawiana przez witrynę, w której znajduje się tag Floodlight została wdrożona.

6. Otwórz okno Wybierz aktywator.

7. W menu Konfiguracja aktywatora wybierz regułę. W większości przypadków Wszystkie strony to najlepsza opcja.

8. Wpisz nazwę tagu i kliknij Zapisz.

Opcjonalnie: skonfiguruj konwersje rozszerzone

Jeśli nie używasz konwersji rozszerzonych, przejdź od razu do weryfikacji konfiguracji.

Aby skonfigurować rozszerzone Konwersje po opisane poniżej.

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 Twojego witryny. Jeśli chcesz mieć kontrolę nad tym, gdzie zbierasz dane wejściowe, wybierz konfiguracji ręcznej lub za pomocą kodu.	Określ wybrane właściwości CSS lub zmienne JavaScript, które chcesz zbierać danych przekazywanych przez użytkowników. Jeśli chcesz przejąć kontrolę nad formatowaniem i szyfrowaniem danych, wybierz konfigurację kodu.	Dodaj w witrynie fragment kodu, który wysyła zaszyfrowane dane klientów dopasowania. Ta metoda jest najlepszym wyborem dla maksymalizacji dokładności konwersje rozszerzone, które umożliwiają wysyłanie spójnych danych po każdym uruchomieniu tagu konwersji.
złożoność	Prosty	Średnia	Złożony
Umiejętności	Nie są wymagane żadne specjalne umiejętności	HTML i CSS	Projektowanie 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. Nazwij zmienną, 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. W przypadku odpowiedniego pola danych użytkownika, które chcesz przekazywać za pomocą konwersji rozszerzonych, dodaj nową lub istniejącą zmienną.

   Uwaga: jeśli w warstwie danych masz już zmienne (niezależnie od tego, czy używasz selektorów arkusza CSS czy innych typów zmiennych), możesz je wybrać, zamiast tworzyć nowe. Jeśli nie masz pewności, wykonaj podane instrukcje. Zmienne mogą być zahaszowane lub niezaszyfrowane.

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

6. W sekcji Metoda wyboru możesz użyć selektora arkusza CSS lub identyfikatora. Wskazówka: jeśli zmienne CSS często się zmieniają, dodaj do witryny identyfikator HTML i użyj zmiennej identyfikatora.

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

8. Nazwij zmienną Element DOM i ją zapisz. Na ekranie zostaną przywrócone 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 przed danymi. które docierają do serwerów lub zahaszowane dane. Jeśli zdecydujesz się wysłać wcześniej zaszyfrowane dane, zakoduj dane za pomocą algorytmu SHA256 zakodowanego szesnastkowo. W obu przypadkach prześlij co najmniej jedno z następujących pól: email lub phone_ number.
Aby przekazać niezaszyfrowane dane do warstwy danych:

1. Dane przekazywane przez użytkowników przechowuj w swojej witrynie jako pary klucz-wartość w Zmienna JavaScript. Na przykład:

   var leadsUserData = {
     'email': '[e-mail]',
     'phone_number': '[phone]',
     'address': {
       first_name: 'John',
       last_name: 'Doe',
       street: '123 Lemon',
       city: 'Some city',
       region: 'CA',
       country: 'US',
       postal_code: '12345',
     },
   };
   

2. Wysyłaj dane użytkownika razem ze zdarzeniem za pomocą obiektu dataLayer.push(). Dla: przykład:

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'email': '[e-mail]',
         'phone_number': '[phone]',
         '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 w przypadku zakodowanych danych musi zaczynać się od sha256_. Na przykład:

   {'sha256_email_address':await hashEmail(email.trim()),
   }
   

2. Wysyłaj dane użytkownika razem ze zdarzeniem za pomocą funkcji dataLayer.push(). Poniższy przykład pokazuje implementację warstwy danych, która zakłada, że masz samodzielnie napisać funkcję haszującą, którą uruchamiasz 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 podać, kliknij kolejno menu i Nowa zmienna.
5. W sekcji Wybierz typ zmiennej kliknij Zmienna warstwy danych.
6. W zmiennej warstwy danych odwołaj się do zapisanych danych użytkownika. Na przykład: leadsUserData.
7. Nazwij zmienną warstwy danych i ją zapisz. Na ekranie zostaną przywrócone ustawienia danych przekazywanych przez użytkowników.
8. Nazwij zmienną Dane przekazywane przez użytkowników, np. My user-defined data.
9. Kliknij Zapisz.

Przypisz zmienną 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 Configuration settings (Ustawienia konfiguracji) dodaj nowy parametr konfiguracji. pod tytułem user_data. W polu Wartość wpisz Dane przekazywane przez użytkowników. np. {{My user-provided data}}.

4. Zapisz zmiany. Twój tag powinien wyglądać tak:

   

Skonfiguruj tag Floodlight po stronie serwera

W kontenerze serwera włącz konwersje rozszerzone, konfigurując Sprzedaż Floodlight lub tag licznika Floodlight.

Uwaga: uruchomione tagi Floodlight wysyłają wszystkie dostępne konwersje do Google (w tym wszelkie dane przekazywane przez użytkowników). Jeśli chcesz zmienić lub Wyklucz wszystkie parametry zdarzeń przed uruchomieniem tagu, skonfiguruj i zastosuj odpowiednie a następnie dołącz je do tagu.

Opcjonalnie: wartość przychodów

Tag sprzedaży Floodlight domyślnie używa parametru value zdarzenia kwoty do obliczenia przychodów. Aby określić inną podstawę obliczania musisz skonfigurować zmienną pobierającą dane z bazy danych i przypisać ją do tagu sprzedaży Floodlight.

Uwaga: kontener serwera szyfruje wartość przychodów, aby zapewnić dane o konwersjach. nie zostaje ujawniony, gdy serwer przesyła dane z powrotem do przeglądarki.

Aby utworzyć nową zmienną:

1. W kontenerze serwera otwórz menu Zmienne.
2. Utwórz nową zmienną zdefiniowaną przez użytkownika dla danych wejściowych. Jeśli na przykład Jeśli chcesz użyć wartości z bazy danych Firestore, utwórz {{Wyszukiwanie w Firestore .
3. Określ źródła danych dla zmiennej.
4. Nazwij zmienną, np. „Wyszukiwanie zysku”. i Zapisz.

Aby użyć zmiennej w tagu sprzedaży Floodlight:

1. W kontenerze serwera otwórz menu Tagi.
2. Edytuj tag Sprzedaż Floodlight.

3. W sekcji Unikalne parametry:

   • Jako Źródło danych wybierz Konfiguracja niestandardowa.
   • W sekcji Przychody wybierz utworzoną wcześniej zmienną.
   • W polu Identyfikator zamówienia wpisz identyfikator lub użyj zmiennej, aby wypełnić dynamicznie identyfikator zamówienia.

   

4. Zapisz tag.

Opcjonalnie: parametry niestandardowe

Możesz na przykład przesłać niestandardowy pola z Twoją stronę internetową do usługi Google Marketing Platform, np. match_id.

Menedżer tagów Google

Aby skonfigurować pola niestandardowe Floodlight, dodaj parametr x-dc- na początku nazwa parametru:

1. W kontenerze internetowym otwórz menu Tagi.
2. Edytuj tag zdarzenia GA4 lub utwórz nowy.

3. W sekcji Parametry zdarzenia dodaj nazwę parametru. Aby zasygnalizować, że trafi do Floodlight z dodanym na początku x-dc-. Na przykład, jeśli zwykle przesyłasz match_id, zmień na x-dc-match_id.

   

4. Zapisz tag.

gtag.js

Aby skonfigurować pola niestandardowe Floodlight, dołącz do zdarzenia parametr x-dc- nazwa parametru:

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

Krok 3. Sprawdź konfigurację

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

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

Więcej informacji o debugowaniu kontenerów Menedżera tagów znajdziesz w pomocy dotyczącej podglądu i debugowania.

Dalsze kroki

Gdy tag Floodlight będzie działać zgodnie z oczekiwaniami, możesz usunąć jego odpowiedniki tagów Floodlight w kontenerze internetowym, aby uniknąć duplikowania danych.