Show Menu
TOPICS×

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.