ads-tracker
v1.0.3
Published
A simple tracking client library for ad viewability and user activity monitoring with automatic user identification.
Downloads
54
Readme
AdsTracker
A simple tracking client library for ad viewability and user activity monitoring with automatic user identification.
Installation
npm install ads-trackerUsage
Site Time Tracking
import { siteTimeTracker } from 'ads-tracker';
const tracker = siteTimeTracker();
tracker.start();
console.log(tracker.getStats());CDN Usage
<script src="https://unpkg.com/ads-tracker/dist/utrack.umd.min.js"></script>
<script>
const tracker = UTrack.siteTimeTracker();
tracker.start();
console.log(tracker.getStats());
</script>Banner Viewability Tracking
import { viewabilityTracker } from 'ads-tracker';
const bannerTracker = viewabilityTracker({
selector: '.banner',
itemId: 'banner123'
});
bannerTracker.start();
console.log(bannerTracker.getStats());
console.log(bannerTracker.getAverageVisibility());User Identification
The library automatically generates and persists a unique user ID for each browser/user. This ID is stored in localStorage and reused across sessions.
// Automatic user ID generation (recommended)
const tracker = siteTimeTracker();
// Or specify custom user ID
const tracker = siteTimeTracker({ userId: 'custom-user-id' });Viewability Tracker API
getStats()- returns viewability stats plus average viewabilitygetAverageVisibility()- returns the current banner quartile state for the current sessiongetAverageVisibilityById(bannerId)- loads stored average visibility data for a specific banner id from localStorageclearAverageVisibilityById(bannerId)- removes saved visibility data for a specific banner idclearAllAverageVisibility()- removes all saved banner visibility data from localStorage
Local Storage Keys
_ut_user_id- automatically generated unique user identifier_ut_avg_{userId}_{itemId}- saved average visibility summary for each banner per user_ut_view_{userId}_{itemId}- saved total view stats for each banner per user_ut_site_stats_{userId}- saved site activity stats per user
Development
Build
npm run buildDevelopment Mode
npm run devLicense
MIT
