Utilisation Adobe Journey Optimizer avec la propriété Platform Web SDK

Dernière mise à jour : 2023-11-14
  • Rubriques :
  • Web SDK
    Afficher plus sur ce sujet
  • Créé pour :
  • Developer
    User
    Admin
    Leader

Adobe Experience Platform Web SDK peut fournir et générer des expériences personnalisées gérées dans Adobe Journey Optimizer au canal web. Vous pouvez utiliser un éditeur WYSIWYG, Adobe Journey Optimizer Interface utilisateur de Campaign web, pour créer, activer et diffuser vos Journey Optimizer Web campagnes et expériences de personnalisation.

IMPORTANT

Lisez la section Documentation sur le canal web Adobe Journey Optimizer pour plus d’informations sur la prise en main de Journey Optimizer Web création d’expériences et création de rapports.

Terminologie

Surface: une surface web est une propriété web identifiée par une URL dans laquelle la propriété Adobe Journey Optimizer le contenu de l’expérience sera diffusé.

Propositions: dans Adobe Journey Optimizer, les propositions correspondent à l’expérience sélectionnée dans un Journey Optimizer Campaign.

Activation Adobe Journey Optimizer

Pour commencer à Adobe Journey Optimizer, suivez les étapes ci-dessous.

  1. Accédez au conditions préalables de la Adobe Journey Optimizer Guide des expériences web, en particulier :

    • Configurer Adobe Experience Cloud Visual Editing Helper.
    • Activer Adobe Journey Optimizer dans votre datastream.
    • Activez la variable Stratégie de fusion Active-On-Edge .
  2. Ajoutez la variable renderDecisions à vos événements. Définir renderDecisions to true pour le rendu automatique des propositions de contenu Journey Optimizer diffusées sur les surfaces de votre page web.

    alloy("sendEvent", {
        ...,
        "renderDecisions": true
    })
    
  3. Vous pouvez éventuellement spécifier des surfaces supplémentaires dans vos événements. Par défaut, le SDK Web génère automatiquement la surface web de la page web actuelle et l’inclut dans la requête au réseau Edge. Si nécessaire, d’autres surfaces peuvent être incluses dans la requête en les spécifiant dans la variable personalization.surfaces de l’ sendEvent ou dans la Surfaces Envoyer un événement action configuration de l’extension SDK Web.

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

    extension-add-surface

    Les surfaces d’événement sont incluses dans query.personalization.surfaces champ de requête :

    {
    "events": [
        {
            "query": {
                "personalization": {
                "schemas": [
                    ...
                ],
                "decisionScopes": [
                    "__view__"
                ],
                "surfaces": [
                    "web://ajostage.weebly.com/"
                ]
                }
            },
            ...
        }
    ]
    }
    
  4. Comme pour d’autres fonctions de personnalisation, vous pouvez ajouter une prémasquage du fragment de code pour masquer certaines parties de la page lors de la récupération d’expériences.

Création d’expériences web Adobe Journey Optimizer

Suivez la création de campagnes web des instructions de la fonction Adobe Journey Optimizer Guide des expériences web pour créer Journey Optimizer Web campagnes et expériences.

Rendu du contenu personnalisé

Consultez la documentation relative à rendu du contenu de personnalisation pour plus d’informations.

Les propositions Adobe Journey Optimizer pour les surfaces web sont traitées de la même manière que les __view__ propositions de portée de décision. Plus précisément, lorsque renderDecisions est définie sur true dans le sendEvent Ces fichiers seront automatiquement rendus par le SDK Web.

Exemple de proposition de contenu 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"
        }
    ]
}

Débogage

Pour déboguer les implémentations de personnalisation de Adobe Journey Optimizer, utilisez Web SDK débogage. Adobe Journey Optimizer des traces de débogage sont disponibles lors de la résolution des problèmes à l’aide de Adobe Experience Platform Assurance. Recherchez des événements avec la variable AJO: préfixe.

assurance-ajo-trace

Sur cette page