Utilizzo di Adobe Journey Optimizer con Platform Web SDK
Adobe Experience Platform Web SDK può inviare ed eseguire il rendering di esperienze personalizzate gestite in Adobe Journey Optimizer al canale web. Puoi utilizzare un editor WYSIWYG, Adobe Journey Optimizer Canale Web, o un'interfaccia non visiva, Canale esperienza basato su codice per creare, attivare e distribuire le campagne Journey Optimizer Web e le esperienze di personalizzazione.
Terminologia terminology
Superficie: una superficie Web è una pagina Web o una posizione in una pagina identificata da un URI in cui verrà distribuito il contenuto dell'esperienza Adobe Journey Optimizer.
Proposte: in Adobe Journey Optimizer, le proposte sono correlate all'esperienza selezionata da un Journey Optimizer Campaign.
Abilitazione di Adobe Journey Optimizer enable-ajo
Per iniziare a utilizzare Adobe Journey Optimizer, attieniti alla procedura seguente.
-
Segui i prerequisiti della Adobe Journey Optimizer Guida alle esperienze Web, in particolare:
- Configura Adobe Experience Cloud Visual Editing Helper.
- Abilita Adobe Journey Optimizer nel flusso di dati.
- Abilita l'opzione Criterio di unione attivo su Edge.
-
Aggiungi l'opzione
renderDecisions
ai tuoi eventi. ImpostarenderDecisions
sutrue
per il rendering automatico delle proposte di contenuto Journey Optimizer distribuite sulle superfici delle pagine Web.code language-javascript 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 all’Edge Network. Se necessario, è possibile includere superfici aggiuntive nella richiesta specificandole nell'opzione
personalization.surfaces
del comandosendEvent
o nella configurazione Surfaces Send event action corrispondente dell'estensione Web SDK.code language-javascript alloy("sendEvent", { ... "personalization": { "surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ] } })
Le superfici evento sono incluse nel campo di richiesta
query.personalization.surfaces
:code language-json { "events": [ { "query": { "personalization": { "schemas": [ ... ], "decisionScopes": [ "__view__" ], "surfaces": [ "web://ajostage.weebly.com/" ] } }, ... } ] }
-
Analogamente ad altre funzionalità di personalizzazione, puoi aggiungere un frammento pre-hiding per nascondere solo alcune parti della pagina durante il recupero delle esperienze.
Creazione di esperienze web Adobe Journey Optimizer create-ajo-web-experiences
Segui le istruzioni per l'authoring di campagne Web della Adobe Journey Optimizer Guida esperienze Web per creare Journey Optimizer Web campagne ed esperienze.
Rendering di contenuti personalizzati rendering-personalized-content
Per ulteriori informazioni, consulta la documentazione sul rendering del contenuto di personalizzazione.
Le proposte di Adobe Journey Optimizer per le superfici web vengono elaborate in modo simile alle proposte di ambito di decisione __view__
. In particolare, quando l'opzione renderDecisions
è impostata su true
nel comando sendEvent
, il rendering 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"
}
]
}
Debug debugging
Per eseguire il debug delle implementazioni di personalizzazione di Adobe Journey Optimizer, utilizza Debug SDK Web. Adobe Journey Optimizer tracce di debug sono disponibili durante la risoluzione dei problemi con Adobe Experience Platform Assurance. Verificare la presenza di eventi con il prefisso AJO:
.