Tutorial zur Implementierung von Adobe Experience Cloud mit Web SDK

Erfahren Sie, wie Sie Experience Cloud-Anwendungen mit dem Adobe Experience Platform Web SDK implementieren.

Experience Platform Web SDK ist eine Client-seitige JavaScript-Bibliothek, die es Adobe Experience Cloud-Kunden ermöglicht, über das Adobe Experience Platform-Edge Network sowohl mit Adobe-Anwendungen als auch mit Drittanbieterdiensten zu interagieren. Siehe Übersicht über das Adobe Experience Platform Web SDK für detailliertere Informationen.

Experience Platform Web SDK-Architektur

Dieses Tutorial führt Sie durch die Implementierung des Platform Web SDK auf einer Beispiel-Einzelhandelswebsite mit dem Namen Luma. Die Site "Luma" verfügt über eine umfangreiche Datenschicht und Funktionen, mit denen Sie eine realistische Implementierung erstellen können. Für dieses Tutorial haben Sie folgende Möglichkeiten:

  • Erstellen Sie Ihre eigene Tag-Eigenschaft in Ihrem eigenen Konto mit einer Platform Web SDK-Implementierung für die Luma-Website.

  • Konfigurieren Sie alle Datenerfassungsfunktionen für Web SDK-Implementierungen wie Datenspeicher, Schemas und Identitäts-Namespaces.

  • Fügen Sie die folgenden Adobe Experience Cloud-Anwendungen hinzu:

  • Implementieren Sie die Ereignisweiterleitung, um die vom Web SDK erfassten Daten an Nicht-Adobe-Ziele zu senden.

  • Validieren Sie Ihre eigene Platform Web SDK-Implementierung mithilfe von Experience Platform Debugger und Assurance.

Nach Abschluss dieses Tutorials sollten Sie bereit sein, mit der Implementierung all Ihrer Marketing-Anwendungen über das Platform Web SDK auf Ihrer eigenen Website zu beginnen!

NOTE
Ein ähnliches Tutorial mit mehreren Lösungen steht für Mobile SDK.

Voraussetzungen

Alle Experience Cloud-Kunden können das Platform Web SDK verwenden. Es ist nicht erforderlich, eine Platform-basierte Anwendung wie Real-time Customer Data Platform oder Journey Optimizer zu lizenzieren, um das Web SDK zu verwenden.

In diesen Lektionen wird davon ausgegangen, dass Sie über ein Adobe-Konto und die erforderlichen Berechtigungen zum Abschließen der Lektionen verfügen. Wenn nicht, müssen Sie sich an einen Experience Cloud-Administrator in Ihrem Unternehmen wenden, um Zugriff zu erhalten.

  • Für Datenerfassung, müssen Sie über Folgendes verfügen:

    • Plattformen—permission for Web und, falls lizenziert, Edge

    • Eigenschaftsrechte—permission to Genehmigen, Entwickeln, Eigenschaft bearbeiten, Verwalten von Umgebungen, Verwalten von Erweiterungen, und Veröffentlichen,

    • Unternehmensrechte—permission to Eigenschaften verwalten

      Weitere Informationen zu Tag-Berechtigungen finden Sie unter die Dokumentation.

  • Für Experience Platform, müssen Sie über Folgendes verfügen:

    • Zugriff auf Standardproduktion, "Prod" Sandbox.

    • Zugriff auf Verwalten von Schemas und Anzeigen von Schemas under Datenmodellierung.

    • Zugriff auf Verwalten von Identitäts-Namespaces und Anzeigen von Identitäts-Namespaces under Identity Management.

    • Zugriff auf Verwalten von Datenspeichern und Anzeigen von Datenspeichern under Datenerfassung.

    • Wenn Sie Kunde einer Platform-basierten Anwendung sind und die Experience Platform einrichten Lektion sollten Sie auch:

      • Zugriff auf einen development Sandbox.
      • Alle Berechtigungselemente unter Data Management, und Profilverwaltung:

      Die erforderlichen Funktionen sollten für alle Experience Cloud-Kunden verfügbar sein, auch wenn Sie keine plattformbasierte Anwendung wie Real-Time CDP verwenden.

      Weitere Informationen zur Zugriffskontrolle auf Platform finden Sie unter die Dokumentation.

  • Für das optionale Adobe Analytics Lektion, müssen Sie Administratorzugriff auf Report Suite-Einstellungen, Verarbeitungsregeln und Analysis Workspace

  • Für das optionale Adobe Target Lektion, müssen Sie Bearbeiter oder Genehmiger Zugriff.

  • Für das optionale Audience Manager -Lektion erstellen, lesen und schreiben Sie Eigenschaften, Segmente und Ziele. Weitere Informationen finden Sie im Tutorial zu Rollenbasierte Zugriffssteuerung des Audience Managers.

NOTE
Es wird davon ausgegangen, dass Sie mit Frontend-Entwicklungssprachen wie HTML und JavaScript vertraut sind. Sie müssen kein Experte für diese Sprachen sein, aber Sie erhalten mehr aus diesem Tutorial, wenn Sie Code lesen und verstehen können.

Updates

  • ​24. April 2024: Wichtige Updates, einschließlich Hinzufügen der Variablen "Set Variable/Update Variable", Aufspaltung von Personalisierungs- und Analyseanforderungen, Journey Optimizer-Lektionen

Laden der Website Luma

Laden Sie die Luma-Website in einem separaten Browser-Tab und mit einem Lesezeichen versehen, damit Sie es bei Bedarf während des Tutorials einfach laden können. Sie benötigen keinen zusätzlichen Zugriff auf Luma, außer dass Sie unsere gehostete Produktions-Site laden können.

Luma-Website

Los geht‘s!

Weiter:

NOTE
Vielen Dank, dass Sie Ihre Zeit investiert haben, um mehr über das Adobe Experience Platform Web SDK zu erfahren. Wenn Sie Fragen haben, ein allgemeines Feedback teilen möchten oder Vorschläge zu künftigen Inhalten haben, teilen Sie diese bitte mit. Experience League Community-Diskussionsbeitrag
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4