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

Découvrez comment mettre en oeuvre des applications Experience Cloud à l’aide du SDK Web de 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 Adobe et les services tiers via Adobe Experience Platform Edge Network. Voir Présentation du SDK Web Adobe Experience Platform pour plus d’informations.

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. La variable 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 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 Collecte de données, vous devez disposer des éléments suivants :

    • Plateformes—permission pour Web et, si la licence est concédée, Edge

    • Droits de propriété—autorisation pour Approuver, Développer, Modifier la propriété, Gestion des environnements, Gestion des extensions, et Publier,

    • Droits d’entreprise—autorisation pour Gestion des propriétés

      Pour plus d’informations sur les autorisations de balise, voir la documentation.

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

    • L’accès au production par défaut, "Prod" sandbox.

    • Accès à Gestion des schémas et Affichage des schémas under Modélisation des données.

    • Accès à Gestion des espaces de noms d’identité et Affichage des espaces de noms d’identité under Identity Management.

    • Accès à Gestion des flux de données et Affichage des flux de données under Collecte de données.

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

      • Accès à un development sandbox.
      • Tous les éléments d’autorisation sous Data Management, et Gestion des profils:

      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 le paramètre Adobe Analytics leçon, vous devez avoir Accès de l’administrateur aux paramètres de la suite de rapports, aux règles de traitement et à Analysis Workspace

  • Pour le paramètre Adobe Target leçon, vous devez avoir Éditeur ou approbateur accès.

  • Pour le paramètre Audience Manager leçon, 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, consultez le tutoriel sur 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 que 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 la variable Site web Luma dans un onglet de navigateur distinct et mettez-le en signet afin que vous puissiez facilement le charger lorsque cela s’avère nécessaire au cours du 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 futur, partagez-les à ce sujet. Article de discussion de la communauté Experience League
recommendation-more-help
8cbc0fd8-ca1d-433b-9c3d-bc3f113347d4