Tutoriel sur lʼimplémentation dʼAdobe Experience Cloud à lʼaide du SDK web

Découvrez comment implémenter des applications Experience Cloud à l’aide du SDK web d’Adobe Experience Platform.

Experience Platform Web SDK est une bibliothèque JavaScript côté client qui permet aux clients de Adobe Experience Cloud d’interagir avec les applications d’Adobe et les services tiers via l’Edge Network Adobe Experience Platform. Pour plus d’informations, voir Présentation du SDK Web Adobe Experience Platform .

Architecture du SDK Web Experience Platform

Ce tutoriel vous guide tout au long de l’implémentation du SDK Web de Platform sur un exemple de site web de vente au détail appelé Luma. Le site Luma dispose d’une couche de données et de fonctionnalités riches qui vous permettent de créer une mise en oeuvre réaliste. Pour ce tutoriel, vous :

  • Créez votre propre propriété de balises, dans votre propre compte, avec une mise en oeuvre SDK Web Platform pour le site web Luma.

  • Configurez toutes les fonctionnalités de collecte de données pour les implémentations de SDK Web telles que les jeux de données, les schémas et les espaces de noms d’identité.

  • Ajoutez les applications Adobe Experience Cloud suivantes :

  • Implémentez le transfert d’événement pour envoyer les données collectées par le SDK Web vers des destinations non Adobes.

  • Validez votre propre mise en oeuvre du SDK Web Platform à l’aide du débogueur et de l’assurance Experience Platform.

Après avoir terminé ce tutoriel, vous devriez être prêt à commencer à mettre en oeuvre toutes vos applications marketing par le biais du SDK Web Platform sur votre propre site web.

NOTE
Un tutoriel multisolution similaire est disponible pour le SDK mobile.

Conditions préalables

Tous les clients Experience Cloud peuvent utiliser le SDK Web de Platform. Il n’est pas nécessaire d’acquérir sous licence une application basée sur Platform comme Real-Time Customer Data Platform ou Journey Optimizer pour utiliser le SDK Web.

Dans ces leçons, on suppose que vous disposez d’un compte Adobe et des autorisations requises pour terminer les leçons. Si ce n’est pas le cas, vous devez contacter un administrateur Experience Cloud de votre société pour obtenir l’accès.

  • Pour Data Collection, vous devez disposer des éléments suivants :

    • Plateformes—permission pour Web et, si une licence est accordée, Edge

    • Droits de propriété—autorisation de Approve, Develop, Edit Property, Manage Environments, Manage Extensions et Publish,

    • Droits d’entreprise—autorisation de Gérer les propriétés

      Pour plus d'informations sur les autorisations de balise, consultez la documentation.

  • Pour Experience Platform, vous devez disposer des éléments suivants :

    • Accès à l’environnement de test production par défaut, "Prod".

    • Accédez à Gérer les schémas et Afficher les schémas sous Modélisation de données.

    • Accédez à Gérer les espaces de noms d’identité et Afficher les espaces de noms d’identité sous Identity Management.

    • Accès à Gérer les données et Afficher les données sous Collecte de données.

    • Si vous êtes client d’une application basée sur Platform et que vous allez terminer la leçon Configurer un Experience Platform, vous devez également disposer des éléments suivants :

      • Accès à un environnement de test development.
      • Tous les éléments d’autorisation sous Data Management et Profile Management :

      Les fonctionnalités requises doivent être disponibles pour tous les clients Experience Cloud, même si vous n’êtes pas client d’une application basée sur Platform telle que Real-Time CDP.

      Pour plus d’informations sur le contrôle d’accès à Platform, voir la documentation.

  • Pour la leçon facultative Adobe Analytics, vous devez disposer d’ accès administrateur aux paramètres de suite de rapports, aux règles de traitement et à Analysis Workspace.

  • Pour la leçon facultative Adobe Target, vous devez disposer de l’accès Éditeur ou approbateur.

  • Pour la leçon facultative Audience Manager, vous devez avoir accès à la création, à la lecture et à l’écriture de caractéristiques, de segments et de destinations. Pour plus d’informations, reportez-vous au tutoriel sur le contrôle d’accès en fonction du rôle de l’Audience Manager.

NOTE
Nous partons du principe que vous connaissez les langages de développement front-end tels qu’HTML et JavaScript. Vous n’avez pas besoin d’être un expert dans ces langues, mais ce tutoriel vous permet de mieux comprendre et lire le code.

Mises à jour

  • 24 avril 2024 : mises à jour majeures comprenant l’ajout de la variable Set/Update, le fractionnement des requêtes de personnalisation et d’analyse, leçons Journey Optimizer

Chargement du site web Luma

Chargez le site web Luma dans un onglet de navigateur distinct et mettez-le en signet afin que vous puissiez facilement le charger si nécessaire pendant le tutoriel. Vous n’avez pas besoin d’un accès supplémentaire à Luma, hormis la possibilité de charger notre site de production hébergé.

Site web Luma

C’est parti !

Suivant :

NOTE
Merci d’avoir consacré du temps à l’apprentissage du SDK Web Adobe Experience Platform. Si vous avez des questions, souhaitez partager des commentaires généraux ou avez des suggestions sur le contenu à venir, partagez-les sur cet post de discussion de la communauté Experience League
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4