Använda Adobe Journey Optimizer med Platform Web SDK

Senast uppdaterad: 16 juli 2024
  • Ämnen:

Skapat för:

  • Utvecklare

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.

IMPORTANT
Läs Adobe Journey Optimizer Web Channel-dokumentationen om du vill ha information om hur du kommer igång med redigering och rapportering av upplevelser i Journey Optimizer Web.

Terminologi

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

Följ stegen nedan för att börja använda Adobe Journey Optimizer.

  1. 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.

  2. Lägg till alternativet renderDecisions i dina händelser. Ange renderDecisions till true för automatisk återgivning av levererade Journey Optimizer-innehållsutkast på webbsidesytorna.

    alloy("sendEvent", {
    ...,
    "renderDecisions": true
})

  3. 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.surfaces för kommandot sendEvent eller i motsvarande Surfaces Send event action-konfiguration för Web SDK-tillägget.

    alloy("sendEvent", {
    ...
    "personalization": {
        "surfaces": [ "web://my.site.com/about.html", "web://my.site.com/contact.html" ]
    }
})

    extension-add-surface

    Händelseytor ingår i query.personalization.surfaces-begärandefältet:

    {
"events": [
    {
        "query": {
            "personalization": {
            "schemas": [
                ...
            ],
            "decisionScopes": [
                "__view__"
            ],
            "surfaces": [
                "web://ajostage.weebly.com/"
            ]
            }
        },
        ...
    }
]
}

  4. 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

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

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"
        }
    ]
}