Usando Adobe Journey Optimizer con Experience Platform Web SDK
Creado para:
- Desarrollador
Adobe Experience Platform Web SDK puede entregar y procesar experiencias personalizadas administradas en Adobe Journey Optimizer al canal web. Puede usar un editor de WYSIWYG, Adobe Journey Optimizer Canal web, o una interfaz no visual, Canal de experiencia basado en código para crear, activar y entregar sus campañas y experiencias de personalización de Journey Optimizer Web.
IMPORTANTTerminología
Superficie: Una superficie web es una página web o ubicación en una página identificada por un URI donde se enviará el contenido de experiencia Adobe Journey Optimizer.
Propuestas: en Adobe Journey Optimizer, las propuestas se correlacionan con la experiencia seleccionada de entre Journey Optimizer Campaign.
Habilitando Adobe Journey Optimizer
Para empezar a usar Adobe Journey Optimizer, siga los pasos a continuación.
-
Consulte los requisitos previos de la Adobe Journey Optimizer Guía de experiencias web, en concreto:
- Configuró Adobe Experience Cloud Visual Editing Helper.
- Habilite Adobe Journey Optimizer en su secuencia de datos.
- Habilite la opción Política de combinación activa en Edge.
-
Agregue la opción
renderDecisionsa los eventos. EstablezcarenderDecisionsentruepara el procesamiento automático de las propuestas de contenido de Journey Optimizer enviadas en las superficies de página web.alloy("sendEvent", { ..., "renderDecisions": true }) -
Si lo desea, puede especificar superficies adicionales en los eventos. De forma predeterminada, Web SDK genera automáticamente la superficie web para la página web actual y la incluye en la solicitud a Edge Network. Si es necesario, se pueden incluir superficies adicionales en la solicitud especificándolas en la opción
personalization.surfacesdel comandosendEvento en la configuración Superficies Enviar evento acción correspondiente de la extensión de Web SDK.alloy("sendEvent", { ... "personalization": { "surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ] } })
Las superficies de evento se incluyen en el campo de solicitud
query.personalization.surfaces:{ "events": [ { "query": { "personalization": { "schemas": [ ... ], "decisionScopes": [ "__view__" ], "surfaces": [ "web://ajostage.weebly.com/" ] } }, ... } ] } -
Al igual que otras características de personalización, puede agregar un fragmento preocultado para ocultar solo ciertas partes de la página al recuperar experiencias.
Creación de experiencias web de Adobe Journey Optimizer
Siga las instrucciones de creación de campañas web de la Adobe Journey Optimizer Guía de experiencias web para crear Journey Optimizer Web campañas y experiencias.
Representación de contenido personalizado
Consulte la documentación sobre procesamiento de contenido personalizado para obtener más información.
Las propuestas de Adobe Journey Optimizer para superficies web se procesan de manera similar a las propuestas de ámbito de decisión __view__. Específicamente, cuando la opción renderDecisions se establece en true en el comando sendEvent, Web SDK la procesará automáticamente.
Ejemplo de propuesta de contenido de 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"
}
]
}
Depuración
Para depurar las implementaciones de personalización de Adobe Journey Optimizer, use Depuración de Web SDK. Hay disponibles Adobe Journey Optimizer seguimientos de depuración al solucionar problemas con Adobe Experience Platform Assurance. Buscar eventos con el prefijo AJO:.
