Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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
languagejs
trackAdd2Cart(terms, page, title, url, scope, options, callback)

Parameters

ParameterDescriptionData TypeMandatory
termsThe query typed by the userStringYes
pageThe page numberIntegerYes
titleThe product or result titleStringYes
urlDestination URL, for example product detail pageStringYes
scopeThis parameter is used for separate analytic data between two or more different scenariosStringNo*
optionsObject that may contain information about filters and other required dataObjectNo
callbackFunction that will be executed after sending dataFunctionNo
*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
languagejs
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
languagejs
trackAdds2Cart(selectors, terms, page, title, scope, options, callback)

Parameters

ParameterDescriptionData TypeMandatory
selectorsOne or more selectors (using any framework you want) pointing to the html to be trackedArray of DOM selectorsYes
termsThe query typed by the userStringYes
pageThe page numberIntegerYes
scopeThis parameter is used for separate analytic data between two or more different scenariosStringNo*
optionsObject that may contain information about filters and other required dataObjectNo
callbackFunction that will be executed after sending dataFunctionNo
*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
languagexml
<input id="send" name="send" class="btn02_add" type="submit" value="Add to basket"/>

...

Code Block
languagejs
var selectors = [jQuery('#send')];
empathyTAG.trackAdds2Cart(selectors,'test',1,'testscope',{lang:'en'},function(responseData){});

Content by Label
cqllabel = "empathy-tag-api-javascript" and space = currentSpace()