[GA4] Manuelle Konfiguration einrichten (Tag Manager)

This feature is part of an open beta. Keep in mind that the feature is subject to change.

Diese Anleitung richtet sich an Administratoren und Bearbeiter, die von Nutzern bereitgestellte Daten auf ihrer Website identifizieren und die Daten in Google Tag Manager eingeben möchten.

Überblick

Sie sollten den Code auf allen Seiten aktualisieren, auf denen Sie von Nutzern bereitgestellte Daten erheben, z. B. auf der Anmeldeseite, Seiten zur Lead-Generierung oder der Zahlungsseite. Sie können die Daten innerhalb einer Sitzung mehrmals senden, damit sie auch wirklich bei Analytics eingehen.

Hinweis

In dieser Anleitung wird Folgendes vorausgesetzt:

• Sie haben Zugriff auf den Tag Manager-Container Ihrer Website.
• Die Erhebung der von Nutzern bereitgestellten Daten und „Funktionen für von Nutzern bereitgestellte Daten zulassen“ sind aktiviert.
• Sie haben ein Tag vom Typ „Google Analytics: GA4-Ereignis“ in Ihrem Tag Manager-Container eingerichtet.

 Anleitung

1. Melden Sie sich in Google Tag Manager an.
2. Klicken Sie auf dem Tab Arbeitsbereich links auf Tags.
3. Öffnen Sie das Tag Google Analytics: GA4-Ereignis, mit dem Sie Kundendaten erfassen.
4. Wählen Sie Von Nutzern bereitgestellte Daten von Ihrer Website einbeziehen aus.
   
5. Wählen Sie im Drop-down-Menü Nutzerdaten eine Variable vom Typ „Von Nutzern bereitgestellte Daten“ aus oder erstellen Sie eine.
6. Wählen Sie in der Variable vom Typ „Von Nutzern bereitgestellte Daten“ die Option Manuelle Konfiguration aus.
   
7. Maximieren Sie für jedes Feld das Drop-down-Menü und wählen Sie eine Variable aus.
8. Wenn Sie eine Variable für ein Datenfeld erstellen, gehen Sie so vor:
   1. Klicken Sie auf Variable konfigurieren > DOM-Element.
   2. Geben Sie oben einen Namen für die Variable ein.
   3. Wählen Sie im Feld Auswahlmethode die Option CSS-Selektor aus.
   4. Geben Sie im Feld Element-Selektor den CSS-Selektor ein, der auf die Kundendaten verweist. Weitere Informationen finden Sie unter CSS-Selektoren in Feldern mit von Nutzern bereitgestellten Daten identifizieren.
   5. Lassen Sie das Feld Attributname leer.
   6. Überspringen Sie das Feld Formatwerte, um potenzielle Probleme bei der Einrichtung zu vermeiden.
   7. Speichern Sie die Variable „DOM-Element“.
   8. Wiederholen Sie diese Schritte für jedes Feld, für das Daten erfasst werden sollen.
9. Überspringen Sie in der Variable „Von Nutzern bereitgestellte Daten“ das Feld Formatwerte.
10. Speichern Sie das Ereignis-Tag.
11. Klicken Sie rechts oben auf Senden, um die Änderungen zu veröffentlichen.

Identify CSS selectors for user-provided data fields

To identify the CSS selectors to input into the fields, complete these steps for each field. If you already have unhashed variables in your code, you can select those instead of creating new CSS variables.

Note: If you’re using JavaScript variables, it’s likely easiest to ask your developer which variables should be added to these fields. If you’re using CSS Selectors, you can follow the steps below.

1. Open a Google Chrome browser window.
2. Go to your website, but keep Google Tag Manager open.
3. Identify the customer data you want to send to Google Analytics. For example, if you want to send an email address, identify where the email address is present on the page.
4. Right click the field and select Inspect. For example, if you are trying to capture an email address, make sure you are right clicking the email address.
5. On the Chrome Developer Tools page, you will see a portion of the code highlighted. This code is the page element where you need to extract CSS Selectors for the customer data.
6. Hover your mouse over the highlighted code and right-click it.
7. Scroll down to "Copy", then select Copy Selector.
8. Paste the copied text in the corresponding field in Google Analytics or Tag Manager.
   • The copied text should look something like the following:

     tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail

Next steps

Validate that user-provided data collection is set up correctly. Show me how.