Utilisation de Adobe Journey Optimizer avec le Platform Web SDK
Adobe Experience Platform Web SDK peut fournir et générer des expériences personnalisées gérées dans Adobe Journey Optimizer sur le canal web. Vous pouvez utiliser un éditeur WYSIWYG, Adobe Journey Optimizer Canal web, ou une interface non visuelle, le Canal d’expérience basé sur le code pour créer, activer et diffuser vos Journey Optimizer Web campagnes et expériences de personnalisation.
Terminologie terminology
Surface : une surface Web est une page Web ou un emplacement sur une page identifiée par un URI où le contenu d’expérience Adobe Journey Optimizer sera diffusé.
Propositions : dans Adobe Journey Optimizer, les propositions correspondent à l’expérience sélectionnée à partir d’un Journey Optimizer Campaign.
Activation de Adobe Journey Optimizer enable-ajo
Pour commencer à utiliser Adobe Journey Optimizer, procédez comme suit.
-
Parcourez les conditions préalables du Adobe Journey Optimizer Guide des expériences web, en particulier :
- Configurez Adobe Experience Cloud Visual Editing Helper.
- Activez Adobe Journey Optimizer dans votre datastream.
- Activez l’option Active-On-Edge Merge Policy .
-
Ajoutez l’option
renderDecisions
à vos événements. DéfinissezrenderDecisions
surtrue
pour le rendu automatique des propositions de contenu Journey Optimizer diffusées sur les surfaces de vos pages web.code language-javascript alloy("sendEvent", { ..., "renderDecisions": true })
-
Vous pouvez éventuellement spécifier des surfaces supplémentaires dans vos événements. Par défaut, le SDK Web génère automatiquement la surface web de la page web actuelle et l’inclut dans la requête à l’Edge Network. Si nécessaire, des surfaces supplémentaires peuvent être incluses dans la requête en les spécifiant dans l’option
personalization.surfaces
de la commandesendEvent
ou dans la configuration Surfaces Envoyer l’événement correspondante de l’extension SDK Web.code language-javascript alloy("sendEvent", { ... "personalization": { "surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ] } })
Les surfaces d’événement sont incluses dans le champ de requête
query.personalization.surfaces
:code language-json { "events": [ { "query": { "personalization": { "schemas": [ ... ], "decisionScopes": [ "__view__" ], "surfaces": [ "web://ajostage.weebly.com/" ] } }, ... } ] }
-
Comme pour d’autres fonctionnalités de personnalisation, vous pouvez ajouter un fragment de code de masquage préalable pour masquer uniquement certaines parties de la page lors de la récupération d’expériences.
Création d’expériences web Adobe Journey Optimizer create-ajo-web-experiences
Suivez les instructions de création de campagnes web du Adobe Journey Optimizer Guide des expériences web pour créer des campagnes et des expériences Journey Optimizer Web.
Rendu du contenu personnalisé rendering-personalized-content
Pour plus d’informations, consultez la documentation sur le rendu du contenu de personnalisation .
Les propositions Adobe Journey Optimizer pour les surfaces web sont traitées de la même manière que les propositions de portée de décision __view__
. Plus précisément, lorsque l’option renderDecisions
est définie sur true
dans la commande sendEvent
, elle est automatiquement rendue par le SDK Web.
Exemple de proposition de contenu Journey Optimizer :
{
"scope": "web://ajostage.weebly.com/",
"scopeDetails": {
"correlationID": "ccfaf19c-6360-4aea-b464-0cf924db5da7",
"characteristics": {
"eventToken": "eyJtZXNzYWdlRXhlY3V0aW9uIjp7Im1lc3NhZ2VFeGVjdXRpb25JRCI6ImEzNDYxYTMzLTc5MjktNGQyNS1hNmMxLTVkYzM2YWY1NzRmMyIsIm1lc3NhZ2VJRCI6ImNjZmFmMTljLTYzNjAtNGFlYS1iNDY0LTBjZjkyNGRiNWRhNyIsIm1lc3NhZ2VUeXBlIjoibWFya2V0aW5nIiwiY2FtcGFpZ25JRCI6IjEzN2JmMzllLWM1ODgtNGI1My1iODQxLTJiMWZiZDYxM2JkYiIsImNhbXBhaWduVmVyc2lvbklEIjoiMTA1NzY1MmEtZWYwNS00YjE3LWExMmUtY2FlOTQyOTFhMWFjIiwiY2FtcGFpZ25BY3Rpb25JRCI6ImViNTlmODQ4LTk5ZDYtNGE1OC05YmU4LTk4MjIxODU0NmYzNiIsIm1lc3NhZ2VQdWJsaWNhdGlvbklEIjoiYzg2NzFjZmItNDdjYS00YTVjLTg4Y2YtNzYwZDFlZjU1MzQyIn0sIm1lc3NhZ2VQcm9maWxlIjp7ImNoYW5uZWwiOnsiX2lkIjoiaHR0cHM6Ly9ucy5hZG9iZS5jb20veGRtL2NoYW5uZWxzL3dlYiIsIl90eXBlIjoiaHR0cHM6Ly9ucy5hZG9iZS5jb20veGRtL2NoYW5uZWwtdHlwZXMvd2ViIn0sIm1lc3NhZ2VQcm9maWxlSUQiOiI2YTViY2I3ZC02MmYxLTQ5NDItODRkMC02MzE5ZjM5Zjk1ZGUifX0="
},
"decisionProvider": "AJO",
"activity": {
"id": "137bf39e-c588-4b53-b841-2b1fbd613bdb#eb59f848-99d6-4a58-9be8-982218546f36"
}
},
"id": "002321c0-dff5-4153-b171-a9dfb70b9750",
"items": [
{
"schema": "https://ns.adobe.com/personalization/dom-action",
"data": {
"uiData": {
"tagType": "Text",
"actionType": "changed"
},
"content": "Welcome AJO!",
"prehidingSelector": "#wsite-content > DIV:nth-of-type(2) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(3) > FONT:nth-of-type(1) > SPAN:nth-of-type(1)",
"type": "setHtml",
"selector": "#wsite-content > DIV.wsite-section-wrap:eq(1) > DIV.wsite-section:eq(0) > DIV.wsite-section-content:eq(0) > DIV.container:eq(0) > DIV.wsite-section-elements:eq(0) > DIV.paragraph:eq(0) > FONT:nth-of-type(1) > SPAN:nth-of-type(1)"
},
"id": "0a522f66-9e6a-4ded-b1d0-e9167f103290"
},
{
"schema": "https://ns.adobe.com/personalization/dom-action",
"data": {
"uiData": {
"tagType": "Text",
"actionType": "changed"
},
"content": {
"font-weight": "bold"
},
"prehidingSelector": "#wsite-content > DIV:nth-of-type(2) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(1) > DIV:nth-of-type(3) > FONT:nth-of-type(1) > SPAN:nth-of-type(1)",
"type": "setStyle",
"selector": "#wsite-content > DIV.wsite-section-wrap:eq(1) > DIV.wsite-section:eq(0) > DIV.wsite-section-content:eq(0) > DIV.container:eq(0) > DIV.wsite-section-elements:eq(0) > DIV.paragraph:eq(0) > FONT:nth-of-type(1) > SPAN:nth-of-type(1)"
},
"id": "66216ca5-5d0f-4239-a8c8-6bc4a5a7cbdb"
}
]
}
Débogage debugging
Pour déboguer les implémentations de personnalisation Adobe Journey Optimizer, utilisez le débogage du SDK Web. Adobe Journey Optimizer Les traces de débogage sont disponibles lors de la résolution des problèmes à l’aide de Adobe Experience Platform Assurance. Recherchez les événements avec le préfixe AJO:
.