Code Based Experiences

4 min

Live Demos app (more info here: Mobile App Overview) supports AJO Code-Based experiences to insert and edit specific elements at individual and more granular locations of the app.

Prerequisites:

Create offers and selection strategy

Displaying an offer on a dedicated mobile screen

To display a dedicated offer, e.g., a small ad banner within the app, we recommend using the "Experience Decisioning" component.

Implementation steps:

Open the screen you would like to use to display the offer, e.g. in case of Luma project, Home screen. Edit it and add "Experience Decisioning" component.

Go to Adobe Journey Optimizer and create a new Channel Configuration.

Provide the configurations as in screenshot.

Create a new campaign and provide a name.

Go to Actions tab and select Code Based Experience. Then select the existing configuration that was just created.

Click on content tab to create the Content for the Campaign.

Click Decision Policy from the left navigation menu, then select Add Decision Policy. A pop-up will appear prompting you to enter the decision policy details. Provide a name for the decision policy. Then, choose the selection strategy you previously created.

More info here on how to create offers and selection strategies -https://experienceleague.adobe.com/en/docs/journey-optimizer/using/decisioning/experience-decisioning/selection-strategies

Add a fallback offer to show for all visitors. Click on Next and Create.

Click on Edit Code, then navigate to Decision Policy on the left panel and select Insert Policy. Select required attributes to be returned in the json.

Sample offer content

{
    "image":"{{item._demosystem4.content.mediaAssets.imageSmallRes.sourceURL}}",
    "url":"{{item._demosystem4.content.navigation.mobileDeepLink}}",
    "buttonText":"{{item._demosystem4.content.textContent.fullCTA}}",
    "title":"{{item._demosystem4.content.textContent.compactTitle}}",
    "text":"{{item._demosystem4.content.textContent.compactSubtitle}}"
}

Campaign Link: https://experience.adobe.com/#/@demosystem4/sname:public-luma/journey-optimizer/campaigns/summary/5b29ab06-51aa-4434-9c58-e310ccb458c7

Sample scenario is implemented in Luma public project. More info here: Luma Mobile