1.1.4 Client-seitige Web-Datenerfassung

Validieren der Daten in der Anfrage

Installieren von Adobe Experience Platform Debugger

Experience Platform Debugger ist eine Erweiterung, die für Chrome- und Firefox-Browser verfügbar ist und Ihnen dabei hilft, die auf Ihren Web-Seiten implementierte Adobe-Technologie zu sehen. Installieren Sie die Version für Ihren bevorzugten Browser:

Wenn Sie den Debugger noch nie verwendet haben - und dieser unterscheidet sich vom vorherigen Adobe Experience Cloud Debugger - sollten Sie sich dieses fünfminütige Übersichtsvideo ansehen:

Da Sie die Demo-Website im Inkognito-Modus laden werden, müssen Sie sicherstellen, dass der Experience Platform-Debugger auch im Inkognito-Modus verfügbar ist. Navigieren Sie dazu zu chrome://extensions in Ihrem Browser und öffnen Sie die Experience Platform Debugger-Erweiterung.

Stellen Sie sicher, dass diese beiden Einstellungen aktiviert sind:

Demo-Website öffnen

Navigieren Sie zu https://dsn.adobe.com. Nachdem Sie sich mit Ihrer Adobe ID angemeldet haben, sehen Sie Folgendes. Klicken Sie auf die 3 Punkte … in Ihrem Website-Projekt und dann auf Ausführen, um es zu öffnen.

Anschließend wird Ihre Demo-Website geöffnet. Wählen Sie die URL aus und kopieren Sie sie in die Zwischenablage.

Öffnen Sie ein neues Inkognito-Browser-Fenster.

Fügen Sie die URL Ihrer Demo-Website ein, die Sie im vorherigen Schritt kopiert haben. Sie werden dann aufgefordert, sich mit Ihrer Adobe ID anzumelden.

Wählen Sie Ihren Kontotyp aus und schließen Sie den Anmeldevorgang ab.

Ihre Website wird dann in einem Inkognito-Browser-Fenster geladen. Für jede Demonstration müssen Sie ein neues Inkognito-Browser-Fenster verwenden, um Ihre Demo-Website-URL zu laden.

Verwenden Sie den Experience Platform Debugger, um die Aufrufe an die Edge anzuzeigen

Stellen Sie sicher, dass die Demo-Website geöffnet ist und klicken Sie auf das Symbol der Experience Platform Debugger-Erweiterung .

Der Debugger wird geöffnet und zeigt die Details der Implementierung an, die in der Datenerfassungseigenschaft von Adobe Experience Platform erstellt wurde. Denken Sie daran, dass Sie die Erweiterung und die Regeln debuggen, die Sie gerade bearbeitet haben.

Klicken Sie oben rechts auf Schaltfläche Anmelden“, um sich zu authentifizieren. Wenn Sie bereits eine Browser-Registerkarte mit der Datenerfassungsoberfläche von Adobe Experience Platform geöffnet haben, wird der Authentifizierungsschritt automatisch durchgeführt und Sie müssen Ihren Benutzernamen und Ihr Kennwort nicht erneut eingeben.

Sie werden dann im Debugger angemeldet.

Klicken Sie auf der Demo-Website auf die Schaltfläche Neu laden , um den Debugger mit dieser bestimmten Registerkarte zu verbinden.

Bestätigen Sie, dass der Debugger Mit Startseite verbunden ist, wie oben abgebildet, und klicken Sie dann auf das Sperren-Symbol, um den Debugger für die Demo-Website zu sperren. Andernfalls wechselt der Debugger immer wieder, um die Implementierungsdetails der Browser-Registerkarte anzuzeigen, die im Fokus ist, was verwirrend sein kann. Sobald der Debugger gesperrt ist, ändert sich das Symbol in Entsperren.

Rufen Sie als Nächstes eine beliebige Seite der Demo-Website auf, z. B. die Kategorieseite Pläne .

Klicken Sie jetzt im linken Navigationsbereich auf 0}Experience Platform Web SDK, um die ​​ Netzwerkanfragen“ ​​ .

Jede Anfrage enthält eine Ereignis-Zeile.

Klicken, um eine Zeile Ereignisse zu öffnen. Beachten Sie, wie Sie das web.webpagedetails.pageViews-Ereignis sowie andere native Variablen im XDM-Format Web SDK ExperienceEvent sehen können.

Diese Arten von Anfragedetails sind auch auf der Registerkarte Netzwerk sichtbar. Filtern Sie nach Anfragen mit interact, um die von Web SDK gesendeten Anfragen zu finden. Alle Details der XDM-Payload finden Sie im Abschnitt Payload :

Nächste Schritte

Navigieren Sie zu 1.1.5 Implementieren von Adobe Analytics und Adobe Audience Manager

Kehren Sie zurück zu Einrichtung der Adobe Experience Platform-Datenerfassung und der Tag-Erweiterung „Web SDK"

Zurück zu Alle Module