Support for Adobe Analytics tracking

Custom tracking

By default, the viewer sends a single tracking HTTP request to configured Image Server with the viewer type and version information.

To integrate with third-party analytics systems, it is necessary to listen to the trackEvent viewer callback and process the eventInfo argument of the callback function as necessary. The following code is an example of such handler function:

var carouselViewer = new s7viewers.CarouselViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"/content/dam/dm-public-facing-live-demo-page/04_shoppable_carousel/05_shoppable_banner",
 "serverurl":"https://adobedemo62-h.assetsadobe.com/is/image"
},
"handlers":{
 "trackEvent":function(objID, compClass, instName, timeStamp, eventInfo) {
  //identify event type
  var eventType = eventInfo.split(",")[0];
  switch (eventType) {
   case "LOAD":
    //custom event processing code
    break;
   //additional cases for other events
}
}
}
});

The viewer tracks the following SDK user events:

SDK user event

Sent when...

LOAD

the viewer is loaded first.

BANNER

the carousel banner image is changed.

HREF

the user activates the hotspot.

On this page