将Adobe Journey Optimizer与Platform Web SDK一起使用
Adobe Experience Platform Web SDK可以将在Adobe Journey Optimizer中管理的个性化体验交付并渲染到Web渠道。 您可以使用WYSIWYG编辑器Adobe Journey Optimizer Web渠道，或者非可视化界面基于代码的体验渠道创建、激活和提供Journey Optimizer Web营销活动和个性化体验。
术语 terminology
表面： Web表面是通过URI标识的页面上的网页或位置，将在其中传递Adobe Journey Optimizer体验内容。
建议：在Adobe Journey Optimizer中，建议与从Journey Optimizer Campaign中选择的体验相关联。
正在启用Adobe Journey Optimizer enable-ajo
要开始使用Adobe Journey Optimizer，请执行以下步骤。
-
从Adobe Journey Optimizer Web体验指南中查看先决条件，具体为：
- 设置Adobe Experience Cloud Visual Editing Helper。
- 在数据流中启用Adobe Journey Optimizer。
- 启用Edge上的活动合并策略选项。
-
将
renderDecisions选项添加到您的事件。 将renderDecisions设置为true以在网页表面上自动呈现已交付的Journey Optimizer内容建议。code language-javascript alloy("sendEvent", { ..., "renderDecisions": true }) -
（可选）在事件中指定其他表面。 默认情况下，Web SDK将自动为当前网页生成Web表面，并将其包含在对Edge Network的请求中。 如果需要，可以通过在
sendEvent命令的personalization.surfaces选项中或Web SDK扩展的相应 Surfaces 发送事件操作配置中指定这些表面来在请求中包含其他表面。code language-javascript alloy("sendEvent", { ... "personalization": { "surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ] } })
事件表面包含在
query.personalization.surfaces请求字段中：code language-json { "events": [ { "query": { "personalization": { "schemas": [ ... ], "decisionScopes": [ "__view__" ], "surfaces": [ "web://ajostage.weebly.com/" ] } }, ... } ] } -
与其他个性化功能类似，您可以添加 预隐藏代码片段，以便在获取体验时仅隐藏页面的某些部分。
创建Adobe Journey Optimizer Web体验 create-ajo-web-experiences
按照Adobe Journey Optimizer Web体验指南中的Web营销活动创作说明创建Journey Optimizer Web营销活动和体验。
呈现个性化内容 rendering-personalized-content
有关详细信息，请参阅有关渲染个性化内容的文档。
Web表面的Adobe Journey Optimizer建议的处理方式与__view__决策范围建议类似。 具体而言，当sendEvent命令中的renderDecisions选项设置为true时，Web SDK将自动渲染这些选项。
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
要调试Adobe Journey Optimizer个性化实施，请使用Web SDK调试。 使用Adobe Experience Platform Assurance进行故障排除时，有Adobe Journey Optimizer调试跟踪可用。 检查前缀为AJO:的事件。
