Configuration du canal web Journey Optimizer avec Web SDK
Découvrez comment implémenter le Adobe Journey Optimizer canal web à l’aide de Adobe Experience Platform Web SDK. Cette leçon couvre les conditions préalables fondamentales du canal web, les étapes détaillées de configuration et un examen approfondi d’un cas d’utilisation centré sur le statut 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.
Objectifs d’apprentissage
À la fin de cette leçon, vous êtes capable de :
- comprendre la fonction et l’importance de Web SDK pour la diffusion de 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 de Récompenses de fidélité Luma .
- Configurez les propriétés, actions et plannings de campagne dans l’interface .
- Découvrez les fonctionnalités et les avantages de l’extension Visual Editing Helper de Adobe Experience Cloud.
- Découvrez comment modifier le contenu d’une page web, y compris des images, des 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 Décision d’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 suivre les leçons de cette section, vous devez d’abord :
-
Suivez toutes les leçons relatives à la configuration initiale de Platform Web SDK, y compris la configuration des éléments de données et des règles.
-
Assurez-vous que votre extension de balises Adobe Experience Platform Web SDK est version 2.16 ou ultérieure.
-
Suivez la leçon Configuration d’Experience Platform, y compris l’exercice de création de l’audience
Luma Loyalty Rewards – Gold Status. -
Téléchargé et activez l’extension de navigateur Visual Editing Helper de Adobe Experience Cloud.
-
Si vous utilisez le concepteur web de Journey Optimizer pour créer votre expérience de canal web, assurez-vous d’utiliser les navigateurs Google Chrome ou Microsoft® Edge.
-
Assurez-vous que les cookies tiers sont autorisés dans votre navigateur. Il peut s’avérer nécessaire de désactiver tous les bloqueurs d’annonces publicitaires 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 : - Le site web a des politiques de sécurité strictes.
- Le site web est intégré à un iframe.
- Le site d’assurance qualité ou d’évaluation du client n’est pas accessible de l’extérieur (il s’agit d’un site interne).
-
Lors de la création d’expériences web et de l’inclusion de contenu 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 fonctionnalité d’expérimentation de contenu, assurez-vous que votre jeu de données web est également inclus dans votre configuration des rapports.
-
Actuellement, deux types d’implémentation sont pris en charge pour permettre 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 implémenter le SDK web 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 Adobe Experience Platform pour effectuer le rendu des modifications côté client. Pour plus d’informations, consultez la documentation de l’API du serveur Adobe Experience Platform Edge Network . Vous trouverez des détails supplémentaires et des exemples d’implémentation pour le mode hybride dans cet article de blog.
note note NOTE L’implémentation 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 : moyen de communication ou de 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 et visiteuses du site web à l’aide de Platform Web SDK, dans Adobe Journey Optimizer.
- Surface web : fait référence à une propriété web identifiée par une URL où le contenu est diffusé. Il peut englober une ou plusieurs pages web.
- Concepteur web Journey Optimizer : outil ou interface spécifique au sein du Journey Optimizer permettant aux utilisateurs de concevoir leurs expériences de canal web.
- Visual Editing Helper de Adobe Experience Cloud : extension de navigateur qui aide à la modification visuelle et à la conception d’expériences de canal web.
- Flux de données : configuration au sein du service Adobe Experience Platform permettant de s’assurer que les expériences de canal web peuvent être diffusées.
- Politique de fusion : configuration qui garantit l’activation et la publication précises des campagnes entrantes.
- Audience : segment spécifique d’utilisateurs et d’utilisatrices ou de visiteurs et visiteuses du site qui répond à certains critères.
- Concepteur web : interface ou outil qui aide à la modification visuelle et à la conception d’expériences web sans se plonger dans le code.
- Éditeur d’expression : outil du concepteur web qui permet aux utilisateurs et utilisatrices d’ajouter une personnalisation au contenu web, potentiellement en fonction d’attributs de données ou d’autres critères.
- Composant de décision d’offre : composant du concepteur web qui permet de décider quelle offre est la plus adaptée pour être affichée à 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 pour déterminer celle qui présente les meilleures performances en termes de mesure souhaitée, comme les clics entrants.
- Traitement : dans le contexte des expériences de contenu, un traitement fait référence à une variation spécifique du contenu testé par rapport à un autre.
- Simulation : un mécanisme de prévisualisation pour visualiser l’expérience du canal web avant de l’activer pour les audiences en direct.
Configurer le 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 afin de pouvoir diffuser des expériences de canal web.
Pour configurer Adobe Journey Optimizer dans le flux de données :
-
Accédez à l’interface Collecte de données.
-
Dans le volet de navigation de gauche, sélectionnez Flux de données.
-
Sélectionnez le flux de données Luma Web SDK créé précédemment.
-
Sélectionnez Modifier dans le service Adobe Experience Platform.
-
Cochez la case Adobe Journey Optimizer.
-
Enregistrez la configuration mise à jour.
Cela permet de s’assurer que les événements entrants pour Journey Optimizer sont correctement gérés par Adobe Experience Platform Edge Network.
Configurer la politique de fusion
Assurez-vous qu’une politique de fusion est définie avec l’option Politique de fusion Active-On-Edge activée. Cette option de politique de fusion est utilisée par les canaux entrants Journey Optimizer pour garantir l’activation et la publication précises des campagnes entrantes sur Edge.
Pour configurer l’option dans la politique de fusion :
-
Accédez à la page Client > Profils dans l’interface Experience Platform ou Journey Optimizer.
-
Assurez-vous que vous vous trouvez dans le sandbox utilisé pour le tutoriel
-
Sélectionnez l’onglet Politiques de fusion.
-
Sélectionnez votre politique (il est généralement préférable d’utiliser la politique basée sur la période par défaut), puis activez l’option Politique de fusion Active-On-Edge à l’étape Configurer.
Configurer le 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 des rapports. Le système de rapports Journey Optimizer utilise le jeu de données en lecture seule pour renseigner les rapports d’expérimentation de contenu prêts à l’emploi.
L’ajout de jeux de données pour le reporting d’expérience de contenu est détaillé dans cette section.
Présentation du cas d’utilisation - Récompenses de fidélité
Dans cette leçon, un exemple de cas d’utilisation de récompenses de fidélité est utilisé pour détailler l’implémentation d’une expérience de canal web à l’aide de Web SDK.
Ce cas pratique vous permet de mieux comprendre comment Journey Optimizer peut vous aider à offrir les meilleures expériences entrantes à vos clients, à l’aide des campagnes Journey Optimizer et du concepteur web.
Comme ce tutoriel s’adresse aux personnes qui mettent en œuvre , 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 spécialistes marketing, il peut être bénéfique pour les personnes en charge de la mise en œuvre d’intégrer insight au processus, même si elles ne sont généralement pas responsables de la création des 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 Récompenses de fidélité dans Adobe Journey Optimizer.
Pour créer l’exemple de campagne :
-
Ouvrez l’interface de Journey Optimizer
note note NOTE Les schémas, jeux de données et audiences peuvent également être créés dans l’interface Journey Optimizer, car il s’agit de concepts Experience Platform courants. -
Accédez à Gestion des Parcours > Campagnes dans le volet de navigation de gauche
-
Cliquez sur Créer une campagne en haut à droite.
-
Choisissez le type de campagne. Pour le cas d’utilisation des récompenses de fidélité, choisissez Planifié - Marketing.
-
Ajoutez des détails supplémentaires à la nouvelle campagne de canal web. Tout d’abord, nommez la campagne. Appelez-le
Luma Loyalty Rewards – Gold Status. Vous pouvez éventuellement ajouter une description à la campagne. Ajoutez également Balises pour améliorer la taxonomie globale de la campagne.
-
Accédez à l’onglet Actions
-
Choisissez le Web comme Nom de l’action.
-
Sélectionnez Créer une configuration comme Configuration web.
-
Pour plus de détails sur la configuration du canal, saisissez ce qui suit :
LumaHomepagecomme Nom.- Web comme Canal.
- Personalization sur site comme action marketing.
- Une seule page comme Paramètres web.
https://luma.enablementadobe.com/index.htmlcomme URL de la page.
-
Envoyer la nouvelle configuration de canal
-
Dans l’onglet du navigateur de votre campagne, sélectionnez la nouvelle configuration de
LumaHomepagenote tip TIP Si la nouvelle configuration n’apparaît pas dans la liste déroulante, accédez à l’onglet Propriétés puis revenez à l’onglet Actions et vérifiez à nouveau la liste déroulante.
Expérimentez le contenu des récompenses de fidélité
Maintenant que vous avez sélectionné votre configuration web, dans la section Action, vous pouvez éventuellement créer une expérience pour tester quel contenu fonctionne le mieux pour l’audience Luma Loyalty Rewards – Gold Status. Créons et testons deux traitements en tant que composant de la configuration de la campagne.
Pour créer l’expérience de contenu :
-
Cliquez sur Créer une expérience.
-
Sélectionnez d’abord une mesure de succès. Il s’agit de la mesure permettant de déterminer l’efficacité du contenu. Choisissez Clics uniques pour voir quel traitement de contenu génère le plus de clics sur le CTA d’expérience web.
-
Vous pouvez éventuellement désigner une Exclusion qui ne reçoit aucun des deux traitements. Ne cochez pas cette case pour l’instant.
-
En outre, vous pouvez également choisir Répartir uniformément. Cochez cette option pour vous assurer que les divisions de traitement sont toujours réparties uniformément.
-
Sélectionnez Ajouter un traitement afin d’avoir deux traitements dans l’expérience.
-
Sélectionnez Créer.
En savoir plus sur les expériences de contenu dans le canal web Adobe Journey Optimizer.
Modifier le contenu à l’aide de l’assistant visuel
Maintenant, créons l’expérience du canal web. Tout d’abord, installez l’extension de navigateur Adobe Experience Cloud Visual Editing Helper pour Google Chrome et Microsoft® Edge, si ce n’est déjà fait. Une fois installé, procédez comme suit dans l’interface de Journey Optimizer :
-
Sélectionnez Modifier le contenu (ou accédez à l’onglet Contenu de la campagne). Puisque vous avez saisi une seule URL de page comme surface, vous devriez être prêt à commencer à travailler dans le compositeur.
-
Cliquez à présent sur Modifier la page web pour commencer à créer le Traitement A de votre expérience.
-
Commencez par modifier certains éléments à l’aide du compositeur web. Utilisez le menu contextuel pour modifier l’en-tête de l’image principale de Luma. Ajustez le style du volet contextuel à droite.
-
Ajoutez également une personnalisation au conteneur à l’aide de l’éditeur d’expression.
-
Assurez-vous que l’expérience est correctement suivie pour les clics. Choisissez Clic sur l’élément de suivi dans le menu contextuel.
De nombreuses options sont disponibles pour personnaliser le message.
Modifications de la conception d’HTML
Plusieurs méthodes sont disponibles si vous souhaitez apporter des modifications plus avancées ou personnalisées au site en tant que composant de la campagne de récompenses de fidélité. Explorez certains d’entre eux dans le traitement B.
Utilisez le volet Composants pour ajouter directement du contenu HTML ou autre au site Luma.
Ajoutez un nouveau composant HTML en haut de la page. Ouvrez à nouveau l’éditeur d’expression pour modifier l’HTML.
Vous pouvez également ajouter des modifications HTML à partir du volet Modifications. 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 l’HTML pour l’audience Luma Loyalty Rewards – Gold Status. Sélectionnez Valider.
Examinez maintenant le nouveau composant HTML personnalisé pour en optimiser l’ajustement.
Cibler la campagne sur une audience
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écompensés Gold Status doivent voir l’expérience. Pour cibler le contenu vers cette audience :
-
Accédez à l’onglet Audience
-
Dans le champ 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. Les profils de l’audience
Luma Loyalty Rewards – Gold Statusne disposant pas de l’espace de noms ECID parmi leurs différentes identités ne sont pas ciblés par la campagne du canal web. -
Sélection de l’audience
-
Choisissez l’audience
Luma Loyalty Rewards - Gold Statusque vous avez créée dans la leçon Configuration d’Experience Platform. -
Enregistrer l’audience dans la campagne
Planifier la campagne
Par défaut, les campagnes démarrent et s’arrêtent lorsque vous les activez et désactivez manuellement. Vous avez toutefois la possibilité de les planifier pour qu’elles commencent et s’arrêtent à des dates et heures spécifiques. Laissez les paramètres par défaut et sélectionnez Vérifier pour activer :
Activer la campagne de récompenses de fidélité
Une dernière fois, vous êtes invité à confirmer les détails de la campagne. Sélectionnez Activer. La mise en ligne de la campagne sur le site peut prendre jusqu’à 15 minutes.
Assurance qualité des récompenses de fidélité
Il existe quelques connexions que vous pouvez utiliser pour simuler des utilisateurs avec un « statut or » et remplir les critères de votre campagne. Vous devez avoir téléchargé les exemples de données dans le Configurer Experience Platform et créer des comptes à l’aide de ces informations d’identification sur le site web pour qu’ils fonctionnent.
cleavlandeuler@emailsim.io/testleftybeagen@emailsim.io/testjenimartinho@emailsim.io/test
Il est recommandé de surveiller les statistiques de la campagne Web sur l’écran de présentation de la campagne après le lancement ou le clic sur Rapports pour obtenir des rapports plus détaillés :
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 afin d’identifier les problèmes de mise en œuvre 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 des récompenses de fidélité est opérationnel, afin de s’assurer que tout est correctement configuré.
Découvrez comment configurer le débogueur dans votre navigateur à l’aide du guide ici.
Pour commencer la validation à l’aide du débogueur :
- Accédez à la page web Luma avec l’expérience du canal web.
- Sur la page web, ouvrez Adobe Experience Platform Debugger.
- Accédez à Résumé. Vérifiez que l’ID flux de données correspond au flux de données dans la collecte de données Adobe pour laquelle vous avez activé Adobe Journey Optimizer.
- Vous pouvez ensuite vous connecter au site avec différents comptes de fidélité Luma et utiliser le débogueur pour valider les requêtes envoyées à Adobe Experience Platform Edge Network.
- Sous Solutions accédez à Experience Platform Web SDK.
- Dans l’onglet Configuration, activez l’option Activer le débogage. Cela permet la journalisation de la session dans une session Adobe Experience Platform Assurance.
- Connectez-vous au site avec différents comptes de fidélité Luma et utilisez le débogueur pour valider les requêtes envoyées au réseau Adobe Experience Platform Edge . Toutes ces requêtes doivent être capturées dans Assurance pour le suivi des journaux.