Configuration du canal web Journey Optimizer avec le SDK web

Découvrez comment mettre en oeuvre Adobe Journey Optimizer canal web à l’aide du SDK Web Adobe Experience Platform. Cette leçon porte sur les conditions préalables fondamentales pour les canaux web, les étapes détaillées de configuration et une présentation approfondie d’un cas d’utilisation centré sur l’état de fidélité.

En suivant cette leçon, les utilisateurs de Journey Optimizer sont équipés pour utiliser le canal web pour une personnalisation en ligne avancée à l’aide du concepteur web de Journey Optimizer.

Diagramme SDK Web et Adobe Analytics

Objectifs d’apprentissage

À la fin de cette leçon, vous pouvez :

  • Comprendre la fonction et l’importance du SDK Web pour diffuser l’expérience du canal web.
  • Découvrez le processus de création d’une campagne de canal web du début à la fin à l’aide de l’exemple de cas d’utilisation des récompenses de fidélité Luma.
  • Configurez les propriétés, les actions et les plannings de campagne dans l’interface.
  • Découvrez les fonctionnalités et les avantages de l’extension d’assistance pour l’édition visuelle de Adobe Experience Cloud.
  • Découvrez comment modifier le contenu d’une page web, y compris les images, les en-têtes et d’autres éléments, à l’aide du concepteur web.
  • Découvrez comment insérer des offres dans une page web à l’aide du composant de décision Offre.
  • Familiarisez-vous avec les bonnes pratiques pour garantir la qualité et le succès d’une campagne de canal web.

Conditions préalables

Pour terminer les leçons de cette section, vous devez d’abord :

  • Suivez toutes les leçons relatives à la configuration initiale du SDK Web de Platform, y compris la configuration des éléments de données et des règles.

  • Assurez-vous que la version de votre extension de balises SDK Web Adobe Experience Platform est 2.16 ou supérieure.

  • Si vous utilisez le concepteur web de Journey Optimizer pour créer votre expérience de canal web, vérifiez que vous utilisez les navigateurs Google Chrome ou Microsoft® Edge.

  • Assurez-vous également que vous avez téléchargé et activé la variable Extension d’assistance pour la modification visuelle de Adobe Experience Cloud.

  • Assurez-vous que les cookies tiers sont autorisés dans votre navigateur. Il peut être nécessaire de désactiver également tous les bloqueurs d’annonces dans votre navigateur.

    note caution
    CAUTION
    Dans le concepteur web de Journey Optimizer, certains sites web peuvent ne pas s’ouvrir de manière fiable pour l’une des raisons suivantes :
    1. Le site web a des politiques de sécurité rigoureuses.
    2. Le site web est incorporé dans un iframe.
    3. Le site d’assurance qualité ou d’évaluation du client n’est pas accessible en externe (il s’agit d’un site interne).
  • Lors de la création d’expériences web et de l’inclusion de contenu à partir de la bibliothèque Adobe Experience Manager Assets Essentials, il est nécessaire de configurer le sous-domaine pour publier ce contenu.

  • Si vous utilisez la fonction d’expérimentation de contenu, assurez-vous que votre jeu de données web est également inclus dans votre configuration de création de rapports.

  • Actuellement, deux types d’implémentations sont pris en charge pour activer la création et la diffusion de campagnes de canal web sur vos propriétés web :

    • Côté client uniquement : pour modifier votre site web, vous devez mettre en oeuvre le SDK Web de Adobe Experience Platform.
    • Mode hybride : vous pouvez utiliser l’API du serveur Edge Network Platform pour demander une personnalisation côté serveur. La réponse de l’API est ensuite fournie au SDK Web de Adobe Experience Platform pour le rendu des modifications côté client. Pour plus d’informations, consultez la documentation de l’API Adobe Experience Platform Edge Network Server. Vous trouverez des détails supplémentaires et des exemples de mise en oeuvre pour le mode hybride dans cet article de blog.
    note note
    NOTE
    La mise en oeuvre côté serveur uniquement n’est actuellement pas prise en charge.

Terminologie

Tout d’abord, vous devez comprendre la terminologie utilisée dans les campagnes de canal web.

  • Canal web: un support pour la communication ou la diffusion de contenu via le web. Dans le cadre de ce guide, il fait référence au mécanisme par lequel le contenu personnalisé est diffusé aux visiteurs du site Web à l’aide du SDK Web Platform, dans Adobe Journey Optimizer.
  • Surface Web: fait référence à une propriété web identifiée par une URL où le contenu est diffusé. Elle peut englober une ou plusieurs pages web.
  • Concepteur web Journey Optimizer: outil ou interface spécifique dans Journey Optimizer dans lequel les utilisateurs peuvent concevoir leurs expériences de canal web.
  • Assistant d’édition visuelle de Adobe Experience Cloud: extension de navigateur qui aide à la modification et à la conception visuelles d’expériences de canal web.
  • Datastream: configuration au sein du service Adobe Experience Platform qui garantit la diffusion des expériences de canal web.
  • Stratégie de fusion: configuration qui garantit l’activation et la publication précises des campagnes entrantes.
  • Audience: segment spécifique d’utilisateurs ou de visiteurs du site qui répondent à certains critères.
  • Concepteur web: interface ou outil permettant de modifier visuellement et de concevoir des expériences web sans enfourcher le code.
  • Editeur d'expression: outil au sein du concepteur web qui permet aux utilisateurs d’ajouter une personnalisation au contenu web, éventuellement en fonction d’attributs de données ou d’autres critères.
  • Composant de décision relative aux offres: composant du concepteur web qui permet de décider quelle offre est la mieux adaptée pour être affichée pour un visiteur spécifique en fonction de la gestion des décisions.
  • Expérience de contenu: méthode permettant de tester différentes variations de contenu afin de déterminer celle qui fonctionne le mieux en termes de mesure souhaitée, comme les clics entrants.
  • Traitement: dans le cadre d’expériences de contenu, un traitement fait référence à une variation spécifique de contenu testé par rapport à un autre.
  • Simulation: mécanisme d’aperçu permettant de visualiser l’expérience du canal web avant de l’activer pour les audiences en direct.

Configuration du flux de données

Vous avez déjà ajouté le service Adobe Experience Platform à votre flux de données. Vous devez maintenant activer l’option Adobe Journey Optimizer pour pouvoir diffuser des expériences de canal web.

Pour configurer Adobe Journey Optimizer dans le flux de données :

  1. Accédez au Collecte de données .

  2. Dans le volet de navigation de gauche, sélectionnez Datastreams.

  3. Sélectionnez le flux de données SDK Web Luma créé précédemment.

    Sélectionner un flux de données

  4. Sélectionner Modifier dans le service Adobe Experience Platform.

    Modifier le flux de données

  5. Vérifiez les Adobe Journey Optimizer de la boîte.

    Case à cocher AJO

  6. Sélectionnez Enregistrer.

Cela permet de s’assurer que les événements entrants pour Journey Optimizer sont correctement gérés par l’Edge Network Adobe Experience Platform.

Configuration de la stratégie de fusion

Assurez-vous qu’une stratégie de fusion est définie avec la variable Stratégie de fusion Active-On-Edge activée. Cette option de stratégie de fusion est utilisée par les canaux entrants de Journey Optimizer pour assurer l’activation et la publication précises des campagnes entrantes sur le serveur Edge.

Pour configurer l’option dans la stratégie de fusion, procédez comme suit :

  1. Accédez au Client > Profils dans l’interface de l’Experience Platform ou de Journey Optimizer.

  2. Sélectionnez la variable Stratégies de fusion .

  3. Sélectionnez votre stratégie (il est généralement préférable d’utiliser la variable Délai par défaut ) et activez la variable Stratégie de fusion Active-On-Edge dans la fonction Configurer étape .

    Basculer entre les stratégies de fusion

Configuration du jeu de données web pour l’expérimentation de contenu

Pour utiliser des expériences de contenu dans des campagnes de canal web, vous devez vous assurer que le jeu de données web utilisé est également inclus dans votre configuration de création de rapports. Le système de création de rapports Journey Optimizer utilise le jeu de données en lecture seule pour renseigner les rapports d’expérimentation de contenu d’usine.

L’ajout de jeux de données pour les rapports d’expérience de contenu est détaillé dans cette section.

Présentation du cas d’utilisation - Loyalty Rewards

Dans cette leçon, un exemple de cas d’utilisation Loyalty Rewards est utilisé pour décrire en détail la mise en oeuvre d’une expérience de canal web à l’aide du SDK Web.

Ce cas pratique vous permet de mieux comprendre comment Journey Optimizer peut vous aider à offrir à vos clients les meilleures expériences entrantes, à l’aide des campagnes Journey Optimizer et du concepteur web.

Comme ce tutoriel est destiné aux implémentateurs, il est intéressant de noter que cette leçon implique un travail d’interface substantiel dans Journey Optimizer. Bien que ces tâches d’interface soient généralement gérées par les marketeurs, il peut s’avérer utile pour les implémenteurs d’obtenir des informations sur le processus, même s’ils ne sont généralement pas responsables de la création de campagnes de canal web.

Créer une campagne de récompenses de fidélité

Maintenant que vous avez ingéré nos exemples de données de fidélité et que vous avez créé notre segment, créez la campagne du canal web Loyalty Rewards dans Adobe Journey Optimizer.

Pour créer l'exemple de campagne :

  1. Ouvrez le Journey Optimizer interface

    note note
    NOTE
    Les schémas, les jeux de données et les audiences peuvent également être créés dans l’interface de Journey Optimizer, car il s’agit de concepts d’Experience Platform courants.
  2. Accédez à Gestion des parcours > Campagnes dans la navigation de gauche

  3. Cliquez sur Créer une campagne en haut à droite.

  4. Dans la section Propriétés, indiquez quand exécuter la campagne. Pour le cas d’utilisation des Loyalty Rewards, choisissez Planifié.

    Campagne planifiée

  5. Dans le Actions , choisissez la Canal web. Comme la variable Surface Web, sélectionnez URL de la page.

    note note
    NOTE
    Une surface Web fait référence à une propriété Web identifiée par une URL où le contenu est diffusé. Il peut correspondre à une URL de page unique ou englober plusieurs pages, ce qui vous permet d’appliquer des modifications sur une ou plusieurs pages web.
  6. Choisissez la URL de la page option de surface web pour déployer l’expérience sur une page de cette campagne. Saisissez l’URL de la page Luma, https://luma.enablementadobe.com/content/luma/us/en.html

  7. Une fois la surface web définie, sélectionnez Créer.

    Sélectionner la surface web

  8. Ajoutez maintenant des détails supplémentaires à la nouvelle campagne de canal web. Tout d’abord, nommez la campagne. Appelez Luma Loyalty Rewards – Gold Status. Vous pouvez éventuellement ajouter une description à la campagne. Ajoutez également Balises pour améliorer la taxonomie globale de campaign.

    Nommez la campagne.

  9. Par défaut, la campagne est active pour tous les visiteurs du site. Pour les besoins de ce cas d’utilisation, seuls les membres récompensant leur statut d’or doivent voir l’expérience. Pour l’activer, cliquez sur Sélection de l’audience et sélectionnez la variable Luma Loyalty Rewards – Gold Status audience.

  10. Dans le Espace de noms d’identité , sélectionnez l’espace de noms permettant d’identifier les individus dans le segment sélectionné. Puisque vous déployez la campagne sur le site Luma, vous pouvez choisir l’espace de noms ECID. Profils dans la variable Luma Loyalty Rewards – Gold Status l’audience ne disposant pas de l’espace de noms ECID parmi leurs différentes identités n’est pas ciblée par la campagne de canal web.

    Choisir le type d’identité

  11. Planifiez la campagne pour qu’elle commence à la date du jour à l’aide du Démarrage de campagne et se terminent dans une semaine à l’aide de la variable Fin de campagne .

    Calendrier des campagnes

NOTE
Gardez à l’esprit que, pour les campagnes de canal web, l’expérience web s’affiche lorsque le visiteur ouvre la page. Par conséquent, contrairement aux autres types de campagnes dans Adobe Journey Optimizer, la variable Déclencheurs d’action n’est pas configurable.

Expérience avec du contenu Loyalty Rewards

Si vous faites défiler vers le haut, dans la variable Action , vous pouvez éventuellement créer une expérience afin de déterminer quel contenu fonctionne le mieux pour la variable Luma Loyalty Rewards – Gold Status audience. Créons et testons deux traitements en tant que composant de la configuration de l'opération.

Pour créer l’expérience de contenu :

  1. Cliquez sur Créer une expérience.

    Créer une expérience

  2. Sélectionnez d’abord un Mesure de succès. Il s’agit de la mesure permettant de déterminer l’efficacité du contenu. Choisir Clics entrants uniques, pour savoir quel traitement de contenu génère le plus de clics sur l’expérience web CTA.

    Choisir la mesure de succès

  3. Lors de la configuration d’une expérience à l’aide du canal web et du choix de la variable Clics entrants, Clics entrants uniques, Pages vues, ou Pages vues uniques mesures, la variable Cliquez sur Action permet de suivre et de surveiller précisément les clics et les vues sur des pages spécifiques.

  4. Vous pouvez éventuellement désigner une Holdout qui ne reçoit aucun des deux traitements. Laissez ceci décoché pour l’instant.

  5. Si vous le souhaitez, choisissez également Répartir proportionnellement. Cochez cette option pour vous assurer que les divisions de traitement sont toujours égales.

En savoir plus sur les expériences de contenu dans le canal web Adobe Journey Optimizer.

Modification de contenu à l’aide de Visual Helper

Maintenant, créons l’expérience du canal web. Pour ce faire, utilisez Adobe Experience Cloud Visual Helper. Cet outil est une extension de navigateur compatible avec Google Chrome et Microsoft® Edge. Assurez-vous d’avoir téléchargé l’extension avant de tenter de créer vos expériences. Assurez-vous également que la page web contient le SDK Web.

  1. Dans le Action de l'opération, cliquez sur Modifier le contenu. Puisque vous avez saisi une URL de page unique comme surface, vous devriez être prêt à commencer à travailler dans le compositeur.

    Modifier le contenu

  2. Maintenant, cliquez sur Modifier la page web pour commencer la création.

    Modifier la page web

  3. Commencez par éditer certains éléments à l'aide du compositeur web. Utilisez le menu contextuel pour modifier l’en-tête de l’image à forte identification Luma. Ajustez le style du volet contextuel à droite.

    Ajouter des modifications contextuelles

  4. Ajoutez également une personnalisation au conteneur à l’aide du Editeur d'expression.

    Ajouter une personnalisation

  5. Assurez-vous que l’expérience est correctement suivie pour les clics. Choisir Clic sur l’élément de suivi dans le menu contextuel.

    Suivi des clics

  6. Utilisez la variable Composant de décision relative aux offres pour insérer des offres dans la page web. Ce composant utilise Gestion des décisions pour sélectionner la meilleure offre à diffuser aux visiteurs Luma.

Modifications de la conception de HTML

Quelques méthodes sont disponibles si vous souhaitez apporter des modifications plus avancées ou personnalisées au site dans le cadre de la campagne Loyalty Rewards.

Utilisez la variable Composants pour ajouter du HTML ou du contenu directement au site Luma.

Exploration du volet Composants

Ajoutez un nouveau composant HTML en haut de la page. Modifiez le HTML dans le composant à partir de l’interface de conception ou Contextuel volet.

Ajout d’un HTML personnalisé

Vous pouvez également ajouter des modifications de HTML à partir du Modifications volet. Ce volet vous permet de sélectionner un composant sur la page et de le modifier à partir de l’interface du concepteur.

Dans l’éditeur, ajoutez le HTML de la fonction Luma Loyalty Rewards – Gold Status audience. Sélectionner Valider.

Validation du HTML

Maintenant, passez en revue le nouveau composant de HTML personnalisé pour l’ajustement et l’aspect.

Vérification du HTML personnalisé

Modifiez un composant spécifique à l’aide de la fonction Type de sélecteur CSS modification.

Modifier CSS

Ajoutez un code personnalisé à l’aide de la fonction Page <head> type modification.

Modifier le titre

Les possibilités sont infinies en utilisant les Visual Helper.

Simulation du contenu Loyalty Rewards

Affichez un aperçu de la page web modifiée avant d’activer la campagne. Gardez à l’esprit que les profils de test doivent être configurés pour simuler les expériences de canal web.

Pour simuler l’expérience :

  1. Sélectionner Simulation du contenu dans la campagne.

    Simulation du contenu

  2. Sélectionnez un profil de test pour recevoir la simulation. N’oubliez pas que le profil de test doit se trouver dans la variable Luma Loyalty Rewards – Gold Status le public pour recevoir le traitement approprié.

  3. L'aperçu s'affiche pour le profil de test.

Activation de la campagne Loyalty Rewards

Enfin, activez la campagne des canaux web.

  1. Sélectionner Réviser pour activer.

  2. Vous êtes invité une dernière fois à confirmer les détails de la campagne. Sélectionner Activer. La mise en ligne de la campagne peut prendre jusqu’à 15 minutes.

AQ de fidélité

Vous pouvez utiliser quelques identifiants de connexion pour simuler des utilisateurs "Gold status" et être admissible pour votre campagne :

  1. cleavlandeuler@emailsim.io/test
  2. leftybeagen@emailsim.io/test
  3. jenimartinho@emailsim.io/test

Il est recommandé de surveiller la variable Web de l’onglet des rapports en ligne et globaux de l’opération pour les indicateurs de performance clés spécifiques à l’opération. Pour cette campagne, surveillez les impressions de l’expérience et le taux de clics.

Afficher le rapport web

Validation des canaux web à l’aide d’Adobe Experience Platform Debugger

L’extension Adobe Experience Platform Debugger, disponible pour Chrome et Firefox, analyse vos pages web pour identifier les problèmes liés à la mise en oeuvre des solutions Adobe Experience Cloud.

Vous pouvez utiliser le débogueur sur le site Luma pour valider l’expérience du canal web en production. Il s’agit d’une bonne pratique une fois que le cas d’utilisation Loyalty Rewards est opérationnel, afin de s’assurer que tout est correctement configuré.

Découvrez comment configurer le débogueur dans votre navigateur en suivant le guide ici.

Pour commencer la validation à l’aide du débogueur :

  1. Accédez à la page web Luma avec l’expérience du canal web.
  2. Lorsque vous vous trouvez sur la page web, ouvrez le Adobe Experience Platform Debugger.
  3. Accédez à Résumé. Vérifiez que la variable Identifiant du flux de données correspond à la variable datastream in Adobe de la collecte de données pour laquelle vous avez activé Adobe Journey Optimizer.
  4. Vous pouvez ensuite vous connecter au site à l’aide de différents comptes de fidélité Luma et utiliser le débogueur pour valider les requêtes envoyées à l’Edge Network Adobe Experience Platform.
  5. Sous Solutions accédez à la SDK Web Experience Platform.
  6. Dans le Configuration onglet, activer Activation du débogage. Cela permet la journalisation de la session dans une Adobe Experience Platform Assurance session.
  7. Connectez-vous au site à l’aide de divers comptes de fidélité Luma et utilisez le débogueur pour valider les requêtes envoyées à l’ Réseau Adobe Experience Platform Edge. Toutes ces requêtes doivent être capturées dans Assurance pour le suivi des journaux.

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