Overview
Instructions to send "Add to Cart" clicks information using the Javascript Tagging Library.
Step-by-step guide
Clicks on "Add to Basket" can be tracked the functions trackAdd2Cart / trackAdds2Cart.
trackAdd2Cart
Use this function to send information when a user clicks on an "Add to Cart" button.
| Code Block |
|---|
|
trackAdd2Cart(terms, page, title, url, scope, options, callback) |
Parameters
| Parameter | Description | Data Type | Mandatory |
|---|
| terms | The query typed by the user | String | Yes |
| page | The page number | Integer | Yes |
| title | The product or result title | String | Yes |
| url | Destination URL, for example product detail page | String | Yes |
| scope | This parameter is used for separate analytic data between two or more different scenarios | String | No* |
| options | Object that may contain information about filters and other required data | Object | No |
| callback | Function that will be executed after sending data | Function | No |
| *This parameters are not mandatory for the service but necessary for the statistics |
...
NOTE: If you are setting up the trackAdd2Cart function into the product detail page, terms and page values will be relative to the product situation into the results grid before being clicked by the user.
Code samples
Selectors using jQuery (you could use other frameworks to build the selectors)
| Code Block |
|---|
|
empathyTAG.trackAdd2Cart('test',1,'My product title','http://MY_PRODUCT_URL.com','testscope',{lang:'en'},function(){}); |
trackAdds2Cart
Same behaviour as trackAdd2Cart but allowing to track more than one "Add to cart" button.
| Code Block |
|---|
|
trackAdds2Cart(selectors, terms, page, title, scope, options, callback) |
Parameters
| Parameter | Description | Data Type | Mandatory |
|---|
| selectors | One or more selectors (using any framework you want) pointing to the html to be tracked | Array of DOM selectors | Yes |
| terms | The query typed by the user | String | Yes |
| page | The page number | Integer | Yes |
| scope | This parameter is used for separate analytic data between two or more different scenarios | String | No* |
| options | Object that may contain information about filters and other required data | Object | No |
| callback | Function that will be executed after sending data | Function | No |
| *This parameters are not mandatory for the service but necessary for the statistics |
...
NOTE: The values for scope and options parameters will be provided by the EmpathyBroker Team.
Code samples
| Code Block |
|---|
|
<input id="send" name="send" class="btn02_add" type="submit" value="Add to basket"/> |
...
| Code Block |
|---|
|
var selectors = [jQuery('#send')];
empathyTAG.trackAdds2Cart(selectors,'test',1,'testscope',{lang:'en'},function(responseData){}); |
Related articles
| Filter by label (Content by label) |
|---|
| cql | label = "empathy-tag-api-javascript" and space = currentSpace() |
|---|
|