Collection of Javascript code to implement a browser based measurement system for websites. Its created of several functions that integrate with Google Tag Manager, Google Analytics and jQuery.
- AjaxComplete (jQuery)
- Client ID Setter for Google Analytics
- Content Engagement
- Custom Task in GA
- DomReady
- KlarnaCheckout Hooks
- Kudakeru (Tracking code for the
- Iframe to Parent Messages
- SendHitTask for GA
- User Trail
It uses a cookie to store a users action on a webpage and let you map thoose actions to a particular state in the user journey using a function.
The module is created to measure users based on "engaged" time and not actual time. Engaged time is defined as the time a user clicks, scrolls, moving the mouse or using the keyboard. Its heavily inspired by Simo Ahava's script from 2016 but can trigger multiple events, should be a little bit more precise and gready.
import MeasurementFramework, {contentEngaged} from "measurement-framework"
let eventName = "Content Viewed"
let secondsToTrigger = 12
contentEngaged(eventName, secondsToTrigger, function (dataLayerPush) {
dataLayerPush.debugText = "Target time for Content Viewed is 12 seconds."
})
MeasurementFramework.init()The script could also be used to measure Real Time on site.
Rollup and other javascript compilers doesn't support removing unused methods form classes. This is why the measurement framework i built on running several functions instead of importing a class to hold them. Internally these uses the MeasurementFramework class to hold state and to orcestrate between classes. This makes the package nice and tight.