Getting started with sending events using the JavaScript tracker is very similar to other web analytics vendors like Google Analytics, Adobe Analytics, etc.

The process involves the following high level steps:

​
Adding the code snippet

Add the code snippet below to your site, to all the pages you’d like to track.

Place the code snippet directly into your codebase. Typically this will be wrapped with <script> and placed into the <head> element of your page or in a similar suitable location if using a Single Page Application framework.

JS
((d,a,t,o,p,u,s)=>{if(!d[p]){let e={view:p+":prevViewFeature",action0:p+":prevActionFeature0",action1:p+":prevActionFeature1"};Object.values(e).forEach(key=>t.setItem(key,"")),d.GlobalDatopusNamespace=d.GlobalDatopusNamespace||[],d.GlobalDatopusNamespace.push(p),d[p]=function(...args){["trackView","trackAction"].includes(args[0])&&(args.length<3&&Array.prototype.push.call(args,{}),"trackView"===args[0]?(args[2].prevFeature=t.getItem(e.view),t.setItem(e.view,args[1])):t.getItem(e.action1)===args[1]?args[2].prevFeature=t.getItem(e.action0):(args[2].prevFeature=t.getItem(e.action1),t.setItem(e.action0,args[2].prevFeature),t.setItem(e.action1,args[1]))),(d[p].q=d[p].q||[]).push(args)},d[p].q=d[p].q||[],u=a.createElement("script"),s=a.getElementsByTagName("script")[0],u.async=!0,u.src="https://datopus.blob.core.windows.net/scripts/ds.min.js",s.parentNode.insertBefore(u,s)}})(window,document,localStorage,0,"datopus");

​
Configuring a tracker

Configure an instance of the tracker by calling newTracker with your desired properties.

JS
window.datopus('newTracker', 'www.tracked_domain.com')

where ‘www.tracked_domain.com’ is your domain name.

Tip for B2B: instead of hardcoding a domain name, obtain it from a browser variable window.location.hostname.

window.datopus('newTracker', window.location.hostname)

​
Using the tracker

Tracker allows to track events automatically and manually. For auto-tracking it’s enough to just add [data-ds-feature=name] attribute to a HTML element representing a single feature.

Explore these articles to find more about auto-tracking and manual-tracking.