Use EmotionsAI targeting on hard-coded personalizations

This documentation will show you how to get the best from the emotional analysis by acting on the EmotionsAI segment on hard-coded personalizations.

Depending on how your personalizations are coded on your website, you will have various ways to connect with EmotionsAI in order to target your audience on EmotionsAI segments:

Front-end personalizations

If your personalization is front-end, you simply have to read the localStorage and display conditions according to the eai segment value in ABTastyData

Example:

const abTastyData = JSON.parse(localStorage.getItem('ABTastyData'));
if (abTastyData?.eai?.segment === "Competition") {
  // code to display the right personalization or modification
}

Back-end personalizations

If your personalization is back-end, you have two options:

1. AB Tasty can push the user’s segment to your API using the user ID. In that case, AB Tasty will create a personalized tag for you to make it work.

2. You can recover the data from the front (using localStorage) and push it to your backend API.

Once your data is retrieved from the backend, you can generate your HTML page according to the user segment.