[GA4] Manuelle Konfiguration einrichten (Tag Manager)

Diese Funktion ist Teil eines offenen Betaprogramms und kann sich noch ändern.

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.

Übersicht

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. Maximieren Sie den Bereich Ereignisparameter und klicken Sie auf Parameter hinzufügen.
5. Geben Sie im Feld „Ereignisparameter“ user_data ein.
6. Wählen Sie im Feld „Wert“ eine Variable vom Typ „Von Nutzern bereitgestellte Daten“ aus oder erstellen Sie eine.
7. Wählen Sie in der Variable vom Typ „Von Nutzern bereitgestellte Daten“ die Option Manuelle Konfiguration aus.
   
8. Maximieren Sie für jedes Feld das Drop-down-Menü und wählen Sie eine Variable aus.
9. 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.
10. Überspringen Sie in der Variable „Von Nutzern bereitgestellte Daten“ das Feld Formatwerte.
11. Speichern Sie das Ereignis-Tag.
12. Klicken Sie rechts oben auf Senden, um die Änderungen zu veröffentlichen.

CSS-Selektoren für Felder mit von Nutzern bereitgestellten Daten identifizieren

Um die CSS-Selektoren zu ermitteln, die in die Felder eingegeben werden müssen, führen Sie die folgenden Schritte für jedes Feld aus. Wenn Ihr Code bereits nicht gehashte Variablen enthält, können Sie diese auswählen, statt neue CSS-Variablen zu erstellen. Weitere Informationen zu festzulegenden Feldern

Hinweis: Falls Sie JavaScript-Variablen verwenden, ist es wahrscheinlich am einfachsten, Ihren Entwickler zu fragen, welche Variablen Sie in diesen Feldern angeben sollten. Wenn Sie CSS-Selektoren verwenden, können Sie der Anleitung unten folgen.

1. Öffnen Sie ein Fenster im Google Chrome-Browser.
2. Rufen Sie Ihre Website auf, lassen Sie aber Google Tag Manager geöffnet.
3. Geben Sie die Kundendaten an, die an Google Analytics gesendet werden sollen. Wenn Sie beispielsweise eine E-Mail-Adresse senden möchten, müssen Sie angeben, wo sich die E-Mail-Adresse auf der Seite befindet.
4. Klicken Sie mit der rechten Maustaste auf das Feld und wählen Sie Untersuchen aus. Falls Sie eine E-Mail-Adresse erfassen möchten, müssen Sie mit der rechten Maustaste auf die E-Mail-Adresse klicken.
5. Auf der Seite der Chrome-Entwicklertools ist ein Teil des Codes hervorgehoben. Dieser Code ist das Seitenelement, dem Sie CSS-Selektoren für die Kundendaten entnehmen müssen.
6. Bewegen Sie den Mauszeiger auf den hervorgehobenen Code und klicken Sie ihn mit der rechten Maustaste an.
7. Scrollen Sie nach unten zu Kopieren und wählen Sie dann Selektor kopieren aus.
8. Fügen Sie den kopierten Text in das entsprechende Feld in Google Analytics oder Tag Manager ein.
   • Der kopierte Text sollte in etwa so aussehen:

     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.