Adobe Experience Platform Web SDK può distribuire ed eseguire il rendering di esperienze personalizzate gestite in Adobe Journey Optimizer al canale web. È possibile utilizzare un editor WYSIWYG, Adobe Journey Optimizer Interfaccia utente di Web Campaign, per creare, attivare e consegnare Journey Optimizer Web campagne e esperienze di personalizzazione.
Leggi le Documentazione di Adobe Journey Optimizer Web Channel per informazioni su come iniziare a utilizzare Journey Optimizer Web creazione di esperienze e reporting.
Superficie: una superficie web è una proprietà web identificata da un URL in cui Adobe Journey Optimizer il contenuto dell’esperienza verrà consegnato.
Proposte: In Adobe Journey Optimizer, le proposte sono correlate all’esperienza selezionata da un Journey Optimizer Campaign.
Per iniziare a utilizzare Adobe Journey Optimizer, segui la procedura indicata di seguito.
Passare attraverso prerequisiti dal Adobe Journey Optimizer Guida alle esperienze web, in particolare:
Aggiungi il renderDecisions
agli eventi. Imposta renderDecisions
a true
per il rendering automatico delle proposte di contenuti Journey Optimizer distribuite sulle superfici delle pagine web.
alloy("sendEvent", {
...,
"renderDecisions": true
})
Facoltativamente, specificare superfici aggiuntive negli eventi. Per impostazione predefinita, Web SDK genera automaticamente la superficie web per la pagina web corrente e la include nella richiesta alla rete Edge. Se necessario, è possibile includere superfici aggiuntive nella richiesta specificandole nella personalization.surfaces
opzione del sendEvent
o nel corrispondente Superfici Invia evento azione configurazione dell’estensione Web SDK.
alloy("sendEvent", {
...
"personalization": {
"surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ]
}
})
Le superfici degli eventi sono incluse nel query.personalization.surfaces
campo richiesta:
{
"events": [
{
"query": {
"personalization": {
"schemas": [
...
],
"decisionScopes": [
"__view__"
],
"surfaces": [
"web://ajostage.weebly.com/"
]
}
},
...
}
]
}
Analogamente ad altre funzioni di personalizzazione, puoi aggiungere frammento pre-hiding per nascondere solo alcune parti della pagina durante il recupero delle esperienze.
Segui le authoring di campagne web istruzioni del Adobe Journey Optimizer Guida alle esperienze web per creare Journey Optimizer Web campagne ed esperienze.
Consulta la documentazione su rendering del contenuto di personalizzazione per ulteriori informazioni.
Le proposte Adobe Journey Optimizer per le superfici web vengono elaborate in modo simile al __view__
proposte relative all’ambito decisionale. In particolare, quando renderDecisions
è impostata su true
nel sendEvent
comando di rendering di questi elementi verrà eseguito automaticamente dall'SDK Web.
Esempio di proposta di contenuto 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"
}
]
}
Per eseguire il debug delle implementazioni di personalizzazione di Adobe Journey Optimizer, utilizza Web SDK debug. Adobe Journey Optimizer le tracce di debug sono disponibili quando si risolvono i problemi utilizzando Adobe Experience Platform Assurance. Verificare la presenza di eventi con AJO:
prefisso.