[GA4] CSS-Selektoren oder JavaScript-Variablen angeben (gtag.js)

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

Diese Anleitung richtet sich an Administratoren und Bearbeiter, die die Erhebung der von Nutzern bereitgestellten Daten einrichten und wissen möchten, wie diese Daten über die Option „CSS-Selektoren oder JavaScript-Variablen angeben“ auf der Seite „Funktionen für von Nutzern bereitgestellte Daten zulassen“ identifiziert werden.

Ü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:

• Die Erhebung der von Nutzern bereitgestellten Daten und „Funktionen für von Nutzern bereitgestellte Daten zulassen“ sind aktiviert.
• Sie haben die Rolle Administrator für die Google Analytics-Property.

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.