Utilizzo di Adobe Journey Optimizer con Platform Web SDK

Ultimo aggiornamento: 16 luglio 2024
  • Argomenti:

Creato per:

  • Sviluppatore

Adobe Experience Platform Web SDK può inviare ed eseguire il rendering di esperienze personalizzate gestite in Adobe Journey Optimizer al canale web. Puoi utilizzare un editor WYSIWYG, Adobe Journey Optimizer Canale Web, o un'interfaccia non visiva, Canale esperienza basato su codice per creare, attivare e distribuire le campagne Journey Optimizer Web e le esperienze di personalizzazione.

IMPORTANT
Per informazioni su come iniziare a creare e creare rapporti sulle esperienze di Journey Optimizer Web, leggi la documentazione di Adobe Journey Optimizer Web Channel.

Terminologia

Superficie: una superficie Web è una pagina Web o una posizione in una pagina identificata da un URI in cui verrà distribuito il contenuto dell'esperienza Adobe Journey Optimizer.

Proposte: in Adobe Journey Optimizer, le proposte sono correlate all'esperienza selezionata da un Journey Optimizer Campaign.

Abilitazione di Adobe Journey Optimizer

Per iniziare a utilizzare Adobe Journey Optimizer, attieniti alla procedura seguente.

  1. Segui i prerequisiti della Adobe Journey Optimizer Guida alle esperienze Web, in particolare:

    • Configura Adobe Experience Cloud Visual Editing Helper.
    • Abilita Adobe Journey Optimizer nel flusso di dati.
    • Abilita l'opzione Criterio di unione attivo su Edge.

  2. Aggiungi l'opzione renderDecisions ai tuoi eventi. Imposta renderDecisions su true per il rendering automatico delle proposte di contenuto Journey Optimizer distribuite sulle superfici delle pagine Web.

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

  3. 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 all’Edge Network. Se necessario, è possibile includere superfici aggiuntive nella richiesta specificandole nell'opzione personalization.surfaces del comando sendEvent o nella configurazione Surfaces Send event action corrispondente dell'estensione Web SDK.

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

    extension-add-surface

    Le superfici evento sono incluse nel campo di richiesta query.personalization.surfaces:

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

  4. Analogamente ad altre funzionalità di personalizzazione, puoi aggiungere un frammento pre-hiding per nascondere solo alcune parti della pagina durante il recupero delle esperienze.

Creazione di esperienze web Adobe Journey Optimizer

Segui le istruzioni per l'authoring di campagne Web della Adobe Journey Optimizer Guida esperienze Web per creare Journey Optimizer Web campagne ed esperienze.

Rendering di contenuti personalizzati

Per ulteriori informazioni, consulta la documentazione sul rendering del contenuto di personalizzazione.

Le proposte di Adobe Journey Optimizer per le superfici web vengono elaborate in modo simile alle proposte di ambito di decisione __view__. In particolare, quando l'opzione renderDecisions è impostata su true nel comando sendEvent, il rendering 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"
        }
    ]
}