How to deploy a recommendation strategy on Web

Prerequisite

• Have AB Tasty tag. To verify that you have successfully installed it on your website, open your console and type

  recos

  You should see a global context object if the tag is correctly installed. Else contact your CSM.

Deployment

1

Display a Product List

There are three main options for displaying product lists.

Option 1: AB Tasty Widget (100% Delegated)

AB Tasty provides a widget that manages API calls + HTML/CSS Embeds the widget.

Option 2: Mixed Integration (Tag + Custom HTML/CSS/JS)

1. AB Tasty Tag collects contextual variables.

2. Retrieve a product list with:

   recos.reco(RECO_ID).then(console.log)

3. Manage your banners with HTML or CSS.

Option 3: Customer Integration (API Direct)

• Customer integrates directly with ABT API:

  • Client → Server calls.

  • Server → Server calls.

• Prebuilt API requests are provided in the platform.

2

Setup Analytics

1. Enrich HTML with attributes:

   <div data-reco-id="[RECO_ID]">
     <div data-item-id="[ITEM_ID]">
       <div data-reco-click="go_to_page"></div>
     </div>
   </div>

2. Connect with your analytics tools

   • For GA4

     1. Events automatically pushed to DataLayer (show, go_to_page, add_to_cart_item).

        1. Setup GTM

           • Create trigger: ab_recos custom event.

           • Create variables (action_id, reco_id, etc.).

           • Create GA4 tag.

        2. Verify in GA4 DebugView.

   • For Piano or Matomo

     1. Events automatically pushed to your analytic tool (show, go_to_page, add_to_cart_item).

        1. No setup needed