Utilizzo di Adobe Journey Optimizer con Platform Web SDK

Ultimo aggiornamento: 2023-11-14
  • Argomenti:
  • Web SDK
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer

Adobe Experience Platform Web SDK può distribuire ed eseguire il rendering di esperienze personalizzate gestite in Adobe Journey Optimizer al canale web. È possibile utilizzare un editor WYSIWYG, Adobe Journey Optimizer Interfaccia utente di Web Campaign, per creare, attivare e consegnare Journey Optimizer Web campagne e esperienze di personalizzazione.

IMPORTANTE

Leggi le Documentazione di Adobe Journey Optimizer Web Channel per informazioni su come iniziare a utilizzare Journey Optimizer Web creazione di esperienze e reporting.

Terminologia

Superficie: una superficie web è una proprietà web identificata da un URL in cui Adobe Journey Optimizer il contenuto dell’esperienza verrà consegnato.

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

Abilitazione Adobe Journey Optimizer

Per iniziare a utilizzare Adobe Journey Optimizer, segui la procedura indicata di seguito.

  1. Passare attraverso prerequisiti dal Adobe Journey Optimizer Guida alle esperienze web, in particolare:

    • Configurazione Adobe Experience Cloud Visual Editing Helper.
    • Abilita Adobe Journey Optimizer nel tuo flusso di dati.
    • Abilita Criterio di unione Attivo su Edge opzione.
  2. Aggiungi il renderDecisions agli eventi. Imposta renderDecisions a true per il rendering automatico delle proposte di contenuti 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 alla rete Edge. Se necessario, è possibile includere superfici aggiuntive nella richiesta specificandole nella personalization.surfaces opzione del sendEvent o nel corrispondente Superfici Invia evento azione configurazione 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 degli eventi sono incluse nel query.personalization.surfaces campo richiesta:

    {
    "events": [
        {
            "query": {
                "personalization": {
                "schemas": [
                    ...
                ],
                "decisionScopes": [
                    "__view__"
                ],
                "surfaces": [
                    "web://ajostage.weebly.com/"
                ]
                }
            },
            ...
        }
    ]
    }
    
  4. Analogamente ad altre funzioni di personalizzazione, puoi aggiungere frammento pre-hiding per nascondere solo alcune parti della pagina durante il recupero delle esperienze.

Creazione di esperienze web Adobe Journey Optimizer

Segui le authoring di campagne web istruzioni del Adobe Journey Optimizer Guida alle esperienze web per creare Journey Optimizer Web campagne ed esperienze.

Rendering di contenuti personalizzati

Consulta la documentazione su rendering del contenuto di personalizzazione per ulteriori informazioni.

Le proposte Adobe Journey Optimizer per le superfici web vengono elaborate in modo simile al __view__ proposte relative all’ambito decisionale. In particolare, quando renderDecisions è impostata su true nel sendEvent comando di rendering di questi elementi 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"
        }
    ]
}

Eseguire il debug di

Per eseguire il debug delle implementazioni di personalizzazione di Adobe Journey Optimizer, utilizza Web SDK debug. Adobe Journey Optimizer le tracce di debug sono disponibili quando si risolvono i problemi utilizzando Adobe Experience Platform Assurance. Verificare la presenza di eventi con AJO: prefisso.

assurance-ajo-trace

In questa pagina