--- title: Experience Targeting slug: docs/XdRr-experience-targeting docTags: createdAt: 2024-06-03T19:28:04.489Z --- The Live Demos app has the Adobe Mobile SDK that allows you to show Adobe Target in action. Please follow the below docs to build your demonstration. :::hint{type="info"} The app allows not only swapping e.g. banner image but completely change the app layout, move components around, change logo and app styles ::: ### Prerequisites 1. A mobile project created connected to your IMS ORG - check the integrations tab to make sure the app will send data to the proper instance. If you dont have a project, create a new mobile project e.g. [https://dsndocs.adobe.com/docs/retail-demo-environment ](https://dsndocs.adobe.com/docs/retail-demo-environment) 2. A mobile property created in Data Collection 3. Edit access to Target 4. Audiences created and shared with Target. [How to use AEP Audiences in Target using Destinations](docId\:zWz4yoEFtXNscBKe9AWRv) 5. Live Demos app installed and connected to your project. ### Steps: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 1. Go to [https://dsn.adobe.com/](https://dsn.adobe.com/) and open your mobile project. Make sure the "Screens" tab is selected. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/A7tAiN1_khOooAB5L_mUi_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 2\. Select the screen that you want to personalize (each screen can be personalized separately using a different mbox name). For the purpose of this example, we will personalize the Home screen. Select it in the UI so that the screen details would be visible on the right. Expand the Personalization section on the right. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/xhJlPSJgSUPeyKzSqlIK1_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 3 Select Adobe Target Provide the mbox name, make it unique, e.g., your project name + screen name Clicking on "Sample offer content" will display a sample you can use in your Personalization Activity. You can change the content manually by updating the fields and json structure. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/6hcxUz1A5SsFArQHBkHUA_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/wLd1u656G0KBbjWJr5fge_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Prepare your Experience Targeting Activity in Target. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/0F777XeEB7mqfb2IFttj-_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Choose a location (one or more) - depending on how many mboxes you have set up in your mobile project. Your mbox name won't be probably available in the UI at this moment, type the same name manually that you used in step 2. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/EwJs8aR9AIG3blCPDqL8o_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/6wLpY2d8EAeU9L_TGBWQr_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 5\. Add a default offer for All Visitors. Create a JSON offer using the sample content provided in the builder. Add more Audiences and appropriate experiences. Create json offers for them with proper content updates. Click Save and Close. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/_52E5-hVcmoND7x7WVMI3_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/vYpBfuJSsjIl8aKt80r4K_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/kDPaQff7jNZEoae6opLqC_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/70XkxdbW8_ezXwggctE7d_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/sqLmoLFReUuycgQPiP-4b_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem 6\. Publish the activity to make it live. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/ACNPRVAwm_IFb_J-xatXZ_image.png) ::: :::: Default Offer : ::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/fPB6LEl2yQxa2KGzDoGYy_image.png" size="36" width="780" height="1618" position="center" showCaption="false"} Offer when audience** Luma - Preference: Women’s Category **present : ::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/FnJRs8O-cP4xSNI55lcNO_image.png" size="44" width="834" height="1652" position="center" showCaption="false"} Learn more:[ [How to prepare an advanced mobile screen experience](docId\:WByvxQe389J_I-28tbXrE) ](https://dsn.adobe.com/docs/how-to-prepare-an-advanced-mobile-screen-experience) SDK that is included in the mobile app: [https://github.com/adobe/aepsdk-react-native](https://github.com/adobe/aepsdk-react-native)