Integrate tagging using the Tagging API
This tutorial guides you through the process of integrating your store with the Tagging microservices to capture shopper interaction and behavior by making HTTP requests to the API.
Before you begin
To call the Tagging API endpoints, you need to have an instance ID. Each Empathy Platform project is assigned an instance ID. If you do not have one, contact Empathy Platform First Line Support.
Steps to integrate with the Tagging API
Identify where to trigger API calls.
Determine tagging filter values.
Call the Tagging API endpoints.
1. Identify where to trigger API calls
The Tagging microservices let you track events resulting from search and navigation interactions. The data collected by each event depends on the event type and location. The location in your application where the event should be triggered depends on the specific interaction to be tracked. For example, a click event should be sent when shoppers click on a product in the results grid on the SERP after performing a query.
For example, in general terms you should perform a query call whenever you make a call to the Search microservice. For this reason, the query parameters accepted in the request are related to those used in calls to the Search microservice.
Events to send by location
All pages where the search box is present
query
: when a shopper enters a query in the search input and sends a request to the Search microservice.
Search Engine Results Page (SERP)
click
: when a shopper clicks on a product on the results grid.add2cart
: when a user clicks on an add-to-cart button shown in the product card on the SERP.
Product Detail Page (PDP)
add2cart
: when a shopper navigates to the PDP from the SERP and then adds the product to the cart.browseAdd2Cart
: when a shopper navigates to the PDP from a PLP and then adds the product to the cart.
Final step of checkout process
checkout
: when a shopper add the product to the cart from the SERP or the PDP (accessed by searching) and then clicks checkout.browseCheckout
: when a shopper adds the product to the cart from the PLP or the PDP (accessed by browsing) and then clicks checkout.
Store catalog menu
browseCategory
: when a shopper selects a menu item to access a product listing page (PLP).
Product Listing Page (PLP)
browseProduct
: when a shopper clicks a product card in the PLP.browseAdd2Cart
: when a shopper adds a product to cart from the PLP.
2. Determine tagging filter values
Once you have identified the interactions and events that are required for your business objectives, you need to determine the tagging filter values to be returned as parameters.
Tagging filters allow you to segment the data collected for features such as analytics and contextual search features in the Empathy Platform Playboard. For example, it lets you visualize search terms that resulted in an add-to-cart action for the SPAIN store.
The most common tagging filters in Empathy Platform are:
Parameter | Required | Description |
---|---|---|
lang | Required | Language of the query and catalog (e.g. en, es, it, etc.) |
scope | Optional | Device type from which the query is made (e.g. desktop, mobile, tablet) |
store | Optional | ID of the store from which the query is made |
catalog | Optional | Value of the catalog assigned to the query |
section | Optional | Section value assigned to the query. This refers to the different sections of the catalog: e.g. men’s clothing, dairy products, etc . |
The filters are passed as individual parameters to the Tagging microservices. You must send the lang
filter value in all requests to the API. All other filter parameters are optional depending on the event type and are determined by your specific implementation.
The values for the filters are set up in the tagging configuration during implementation. Custom filters can be set up for your specific implementation to allow you to filter tracked data according to your requirements. If you are unsure what values should be passed for the filters, contact the Empathy Platform integration team.
danger
If you do not provide the lang
filter, the call triggers a “400 Bad Request. Some mandatory parameter is missing” error response.
warning
If you do not provide a valid value in the request for optional filters, the data is still collected with the value ignored
.
3. Call the Tagging API endpoints
You do not need a specific API key to authenticate against the Tagging API. Calls to the API will be accepted provided a valid instance ID is passed as a parameter.
You make GET or POST requests to different endpoints for each instrumented event, passing the data to be tracked as query parameters.
coding tip
Although no data is passed in the body, you can also use a POST method to make requests to the Tagging API endpoints. In any case, either HTTP method can be used as they are handled in the same way by the Tagging microservices.
interact
For more information on the parameters accepted for each event in calls to the Tagging API, see the Tagging API reference.
Example: Track a query event with the Tagging API
You want to track what your shoppers are searching for in your store, such as the search terms they use, the number of results shown for the search, the results page shown, etc. so you can see what your shoppers are interested in finding. To do this, you call the query
endpoint.
Example request
GET https://api.empathy.co/tagging/track/instanceId/query?q=pinstripe+trousers&totalHits=148&page=1&scope=desktop&lang=en
You replace the URL (https://api.empathy.co/tagging) and instanceId
for the Empathy tagging endpoint URL and instance ID you’ve been provided. In this case, you want to track the search string used, the number of search results shown, the page displayed to the shopper, and the device the shopper used when performing the search, and pass these values in the q
, totalHits
, page
, and scope
query parameters, respectively. Given that the search string is made up of two search terms, each search term is separated using the “+” symbol.