Adobe Experience Platform Web SDK peut fournir et générer des expériences personnalisées gérées dans Adobe Journey Optimizer au canal web. Vous pouvez utiliser un éditeur WYSIWYG, Adobe Journey Optimizer Interface utilisateur de Campaign web, pour créer, activer et diffuser vos Journey Optimizer Web campagnes et expériences de personnalisation.
Lisez la section Documentation sur le canal web Adobe Journey Optimizer pour plus d’informations sur la prise en main de Journey Optimizer Web création d’expériences et création de rapports.
Surface: une surface web est une propriété web identifiée par une URL dans laquelle la propriété Adobe Journey Optimizer le contenu de l’expérience sera diffusé.
Propositions: dans Adobe Journey Optimizer, les propositions correspondent à l’expérience sélectionnée dans un Journey Optimizer Campaign.
Pour commencer à Adobe Journey Optimizer, suivez les étapes ci-dessous.
Accédez au conditions préalables de la Adobe Journey Optimizer Guide des expériences web, en particulier :
Ajoutez la variable renderDecisions
à vos événements. Définir renderDecisions
to true
pour le rendu automatique des propositions de contenu Journey Optimizer diffusées sur les surfaces de votre page web.
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 au réseau Edge. Si nécessaire, d’autres surfaces peuvent être incluses dans la requête en les spécifiant dans la variable personalization.surfaces
de l’ sendEvent
ou dans la Surfaces Envoyer un événement action configuration de l’extension SDK Web.
alloy("sendEvent", {
...
"personalization": {
"surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ]
}
})
Les surfaces d’événement sont incluses dans query.personalization.surfaces
champ de requête :
{
"events": [
{
"query": {
"personalization": {
"schemas": [
...
],
"decisionScopes": [
"__view__"
],
"surfaces": [
"web://ajostage.weebly.com/"
]
}
},
...
}
]
}
Comme pour d’autres fonctions de personnalisation, vous pouvez ajouter une prémasquage du fragment de code pour masquer certaines parties de la page lors de la récupération d’expériences.
Suivez la création de campagnes web des instructions de la fonction Adobe Journey Optimizer Guide des expériences web pour créer Journey Optimizer Web campagnes et expériences.
Consultez la documentation relative à rendu du contenu de personnalisation pour plus d’informations.
Les propositions Adobe Journey Optimizer pour les surfaces web sont traitées de la même manière que les __view__
propositions de portée de décision. Plus précisément, lorsque renderDecisions
est définie sur true
dans le sendEvent
Ces fichiers seront automatiquement rendus 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"
}
]
}
Pour déboguer les implémentations de personnalisation de Adobe Journey Optimizer, utilisez Web SDK débogage. Adobe Journey Optimizer des traces de débogage sont disponibles lors de la résolution des problèmes à l’aide de Adobe Experience Platform Assurance. Recherchez des événements avec la variable AJO:
préfixe.