Utilizzo di Adobe Journey Optimizer con Platform Web SDK
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 Canale webo un'interfaccia non visiva, Canale esperienza basato su codice per creare, attivare e distribuire Journey Optimizer Web campagne e esperienze di personalizzazione.
Terminologia terminology
Superficie: una superficie web è una pagina web o una posizione in una pagina identificata da un URI 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.
Abilitazione Adobe Journey Optimizer enable-ajo
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:
- Configurazione Adobe Experience Cloud Visual Editing Helper.
- Abilita Adobe Journey Optimizer nel tuo flusso di dati.
- Abilita Criterio di unione Attivo su Edge opzione.
-
Aggiungi il
renderDecisionsagli eventi. ImpostarenderDecisionsatrueper il rendering automatico delle proposte di contenuti 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 alla rete Edge. Se necessario, è possibile includere superfici aggiuntive nella richiesta specificandole nella
personalization.surfacesopzione delsendEvento nel corrispondente Superfici Invia evento azione configurazione 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 degli eventi sono incluse nel
query.personalization.surfacescampo richiesta:code language-json { "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.
Creazione di esperienze web Adobe Journey Optimizer create-ajo-web-experiences
Segui le authoring di campagne web istruzioni del Adobe Journey Optimizer Guida alle esperienze web per creare Journey Optimizer Web campagne ed esperienze.
Rendering di contenuti personalizzati rendering-personalized-content
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"
}
]
}
Debugging debugging
Per eseguire il debug delle implementazioni di personalizzazione di Adobe Journey Optimizer, utilizza Debug di Web SDK. 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.
