Använda Adobe Journey Optimizer med Platform Web SDK
Adobe Experience Platform Web SDK kan leverera och återge personaliserade upplevelser som hanteras i Adobe Journey Optimizer till webbkanalen. Du kan använda en WYSIWYG-redigerare, Adobe Journey Optimizer Webbkanal, eller ett icke-visuellt gränssnitt, kodbaserad Experience Channel för att skapa, aktivera och leverera Journey Optimizer Web -kampanjer och personaliseringsupplevelser.
Terminologi terminology
Surface: En webbsida är en webbsida eller plats på en sida som identifieras av en URI där Adobe Journey Optimizer-upplevelseinnehållet levereras.
Propositions: I Adobe Journey Optimizer korrelerar förslag till upplevelsen som valts från en Journey Optimizer Campaign.
Aktiverar Adobe Journey Optimizer enable-ajo
Följ stegen nedan för att börja använda Adobe Journey Optimizer.
-
Gå igenom förutsättningarna i Adobe Journey Optimizer webbupplevelseguiden, närmare bestämt:
- Konfigurera Adobe Experience Cloud Visual Editing Helper.
- Aktivera Adobe Journey Optimizer i din datastream.
- Aktivera alternativet Active-On-Edge Merge Policy.
-
Lägg till alternativet
renderDecisionsi dina händelser. AngerenderDecisionstilltrueför automatisk återgivning av levererade Journey Optimizer-innehållsutkast på webbsidesytorna.code language-javascript alloy("sendEvent", { ..., "renderDecisions": true }) -
Du kan också ange ytterligare ytor i händelserna. Som standard genererar Web SDK automatiskt webbytan för den aktuella webbsidan och tar med den i begäran till Edge Network. Om det behövs kan ytterligare ytor inkluderas i begäran genom att ange dessa i alternativet
personalization.surfacesför kommandotsendEventeller i motsvarande Surfaces Send event action-konfiguration för Web SDK-tillägget.code language-javascript alloy("sendEvent", { ... "personalization": { "surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ] } })
Händelseytor ingår i
query.personalization.surfaces-begärandefältet:code language-json { "events": [ { "query": { "personalization": { "schemas": [ ... ], "decisionScopes": [ "__view__" ], "surfaces": [ "web://ajostage.weebly.com/" ] } }, ... } ] } -
På samma sätt som andra personaliseringsfunktioner kan du lägga till ett fördolt fragment för att dölja endast vissa delar av sidan när du hämtar upplevelser.
Skapa Adobe Journey Optimizer webbupplevelser create-ajo-web-experiences
Följ instruktionerna från webbkampanjen i Adobe Journey Optimizer webbupplevelseguiden för att skapa Journey Optimizer Web kampanjer och upplevelser.
Återge personaliserat innehåll rendering-personalized-content
Mer information finns i dokumentationen om återgivning av personaliseringsinnehåll.
Adobe Journey Optimizer-förslag för webbytor behandlas på ungefär samma sätt som förslagen för beslutsomfattning i __view__. Om alternativet renderDecisions är inställt på true i kommandot sendEvent återges dessa automatiskt av Web SDK.
Exempel på Journey Optimizer-innehåll:
{
"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"
}
]
}
Felsökning debugging
Om du vill felsöka Adobe Journey Optimizer personaliseringsimplementeringar använder du Web SDK-felsökning. Adobe Journey Optimizer felsökningsspårningar är tillgängliga vid felsökning med Adobe Experience Platform Assurance. Sök efter händelser med prefixet AJO:.
