Utilisation Adobe Journey Optimizer avec le Platform Web SDK

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.

Terminologie

Surface: Une surface web est une propriété web identifiée par une URL où 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 à utiliser Adobe Journey Optimizer, procédez comme suit.

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 principale sur le périphérique .

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’option sendEvent ou dans la commande correspondante 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" ]
       }
   })
   

   

   Les surfaces d’événement sont incluses dans la variable 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 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.

Ressources Business.Adobe.com