An anonymous user visits a retail website. The user is interested in buying a product. They visit the product page, select a color and size of the product, and adds the product into the cart. The user proceeds for checkout but before completing the transaction, they leave the website abandoning the cart. The next time the user visits the website, they experience a custom-tailored view based on the past interaction with the website.
The solution uses below Adobe products:
The following illustration shows the flow of data across solutions.
Marketing cloud access
In this exercise, we are going to explore the Adobe Launch integration with Adobe Experience Manager.
Integrating Adobe Experience Manager with Adobe Launch allows you to manage all of your integration in one place. Adobe Launch acts as the centerpiece of your Adobe Experience Cloud implementation, providing access to Adobe Target, Adobe Analytics, Audience Manager, etc.
Open AEM author: http://localhost:4502.
Navigate to Tools, then Security, then Adobe IMS Configuration.
Click on Create button to add an Adobe IMS configuration.
In ‘Adobe IMS Technical Account Configuration’ screen, select the following:
Click on Download Public Key link.
Open Adobe IO console at https://console.adobe.io and click on the New Integration button.
NOTE: Please use the marketing cloud credentials provided in the Access instruction section at the start of the document.
Select New Integration and click Continue.
Enter a name and description of your choice.
Drag and drop the public key certificate which is downloaded from AEM into public keys certificates area.
Note: You need to enter the description to enable the creation integration button.
You will find the integration details such as client API key, account ID, client secret, etc in this screen.
Switch back to AEM screen and click on Next icon.
Your final screen should similar to below:
Click on create to create the Adobe IMS technical account.
To test, select the newly created configuration and click on Check Health.
Leave the default configuration for staging and click next.
Leave the default configuration for production and click create.
You should see the Launch configuration now.
Select the Launch configuration and click on publish. Please click on publish again, if asked to confirm.
In this lesson, we are going to setup a basic integration between Adobe I/O and Adobe Target. We will generate the Public and Private Key using Openssl.
Use the openssl downloaded on your machine. Navigate to ‘C:\OpenSSL-Win64\bin’ folder and run the below command from your command prompt.
openssl req -nodes -text -x509 -newkey rsa:2048 -keyout private.pem -out public.pem -days 365
Please use the following options:
You will see public.pem & private.pem files under the /bin directory where you ran the command
Navigate to https://console.adobe.io/ from your browser.
Login using the provided Adobe ID, if you are not logged.
Select Adobe Demo Apac 132 Org from the drop down.
Once the Org is selected, Click on New Integration.
On the Create a new integration page, select the Access and API radio button and click Continue.
On the Select the Adobe service you wish to integrate with page, select Adobe Target under Experience Cloud and click Continue.
On the screen which says You may create a brand new integration for this service, or update an existing one, click Continue.
In the Integration Details page, fill the Name and Description and under upload the public keys certificates upload your public.pem created in section 2.a) and click Create integration.
You should see a message as Your integration has been created on the next screen.
Click on Continue and you should see your integration details as below
Open private.pem file generated in the previous section using notepad and paste it under the Paste private key section and click on Generate JWT.
You will see the Generated JWT below and click on copy beside Sample CURL command.
Open postman which is installed on your machine.
Click on Import at top left corner and paste the Sample CURL command you copied in step 3 and click Import.
Open a new tab in postman and use the following endpoint to get all the target activities https://mc.adobe.io/adobedemoapac132/target/activities/.
Add 2 header keys:
a. x-api-key : Client API key from IO console
b. Authorization: Bearer <You access token generated in step 7>
In response, you should see all the target activities, as shown in this illustration.
If you are seeing 2 activities, integration is successful.
The Adobe I/O Runtime is a serverless platform that allows you to quickly deploy custom code to respond to events, execute functions right in the cloud, all with no server set-up.
Navigate to Desktop\OpenWhisk_CLI-mac and open Terminal Window
Execute the following commands:
wsk property set --apihost runtime.adobe.io --auth 82980c63-51d8-4061-86d6-1abc4eb0aefa:QKR3TMF8FN01JxDGUuDu7m9SwrEQbBFIhDb7wpiRcIvqjmcQxhUnQgql6UWmpST2 --namespace emea-et-practice-io-roadshow
NOTE: please copy the command from the commands.txt provided.
Copy the webhook.js file to C:/openwhisk folder.
Open the webhook.js in a notepad, search for ‘headers’ and replace the Bearer token under authorization section with the access token generated in the previous step.
Execute the following commands to deploy the webhook.js and create a web action:
wsk action create webhook_<seat_number> webhook.js
wsk action update webhook_<seat_number> --web raw
Test your webhook by hitting the below URL: https://runtime.adobe.io/api/v1/web/emea-et-practice-io-roadshow/default/webhook_
If the script is successfully deployed, you should get io-test back.
Go to https://console.adobe.io/.
Click on New Integration.
Select Receive real-time events and click Continue.
Click continue to move on to the next page without making any changes.
Provide the name, description for this integration and update the public key and click on Continue.
Click on add events registration.
Enter the following details:
Click on create integration.
Navigate to integration details to see the configurations.
Click on events tab to see the event registration configuration.
Click on view icon.
If your configuration is successful you should see the status as Active
In this lesson, we will perform a final check and verify the integration steps performed so far. We will use AEM We Retail site and perform a simple Add to Cart Operation
Click on any product you like.
Select a Color and Size and click on ADD TO CART.
Click checkout button to navigate to cart page.
Try out Adobe IO SlackBot Integration