How to use keen-tracking - 10 common examples
To help you get started, we’ve selected a few keen-tracking examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
keen / keen-tracking.js / docs / examples / angular / keen-angular-example / src / app / keen.service.ts View on Github 
private initKeen() {
const { projectId, writeKey } = environment;
this.client = new Keen({
projectId,
writeKey
});
if (!environment.production) {
Keen.enabled = false;
Keen.debug = true;
this.client.on('recordEvent', (event, data) => {
console.log('event:', event);
console.log('data:', data);
});
}
const timer = Keen.utils.timer();
timer.start();
// Batch-record events every 5s
this.client.queueInterval(5);
this.client.extendEvents(() => {
return {
geo: {private initKeen() {
const { projectId, writeKey } = environment;
this.client = new Keen({
projectId,
writeKey
});
if (!environment.production) {
Keen.enabled = false;
Keen.debug = true;
this.client.on('recordEvent', (event, data) => {
console.log('event:', event);
console.log('data:', data);
});
}
const timer = Keen.utils.timer();
timer.start();
// Batch-record events every 5s
this.client.queueInterval(5);
this.client.extendEvents(() => {
return {this.client = new Keen({
projectId,
writeKey
});
if (!environment.production) {
Keen.enabled = false;
Keen.debug = true;
this.client.on('recordEvent', (event, data) => {
console.log('event:', event);
console.log('data:', data);
});
}
const timer = Keen.utils.timer();
timer.start();
// Batch-record events every 5s
this.client.queueInterval(5);
this.client.extendEvents(() => {
return {
geo: {
info: { /* Enriched */ },
ip_address: '${keen.ip}',
},
page: {
info: { /* Enriched */ },
title: document.title,
url: document.location.href
},import KeenTracking from 'keen-tracking';
// Record all actions to a single event stream
const EVENT_STREAM_NAME = 'app-actions';
// Omit noisy actions if necessary
const OMITTED_ACTIONS = [
// '@@router/LOCATION_CHANGE'
];
// Define a client instance
const client = new KeenTracking({
projectId: 'YOUR_PROJECT_ID',
writeKey: 'YOUR_WRITE_KEY'
});
if (process.env.NODE_ENV !== 'production') {
// Optionally prevent recording in dev mode
Keen.enabled = false;
// Display events in the browser console
client.on('recordEvent', Keen.log);
}
// Track a 'pageview' event and initialize auto-tracking data model
client.initAutoTracking({
recordClicks: false,
recordFormSubmits: false,
recordPageViews: trueimport KeenTracking from 'keen-tracking';
// Record all mutations to a single event stream
const EVENT_STREAM_NAME = 'app-mutations';
// Omit noisy mutations if necessary
const OMITTED_MUTATIONS = [
// 'KEYPRESS',
// 'WINDOW_RESIZED'
];
// Define a client instance
const client = new KeenTracking({
projectId: 'YOUR_PROJECT_ID',
writeKey: 'YOUR_WRITE_KEY'
});
// Optional debugging
KeenTracking.debug = true;
client.on('recordEvent', Keen.log);
// Track a 'pageview' event and initialize auto-tracking data model
client.initAutoTracking({
recordClicks: false,
recordFormSubmits: false,
recordPageViews: true
});
const vuexLogger = store => {
// Called when the store is initializedimport KeenTracking from 'keen-tracking';
// Record all actions to a single event stream
const EVENT_STREAM_NAME = 'app-actions';
// Omit noisy actions if necessary
const OMITTED_ACTIONS = [
// 'KEYPRESS',
// 'WINDOW_RESIZED'
];
// Define a client instance
const client = new KeenTracking({
projectId: 'PROJECT_ID',
writeKey: 'WRITE_KEY'
});
if (process.env.NODE_ENV !== 'production') {
// Optionally prevent recording in dev mode
Keen.enabled = false;
// Display events in the browser console
client.on('recordEvent', Keen.log);
}
// Track a 'pageview' event and initialize auto-tracking data model
client.initAutoTracking({
recordClicks: false,
recordFormSubmits: false,
recordPageViews: truereturn {
geo: {
info: { /* Enriched */ },
ip_address: '${keen.ip}',
},
page: {
info: { /* Enriched */ },
title: document.title,
url: document.location.href
},
referrer: {
info: { /* Enriched */ },
url: document.referrer
},
tech: {
browser: Keen.helpers.getBrowserProfile(),
info: { /* Enriched */ },
user_agent: '${keen.user_agent}'
},
time: Keen.helpers.getDatetimeIndex(),
visitor: {
time_on_page: timer.value()
/* Include additional visitor info here */
},
keen: {
addons: [
{
name: 'keen:ip_to_geo',
input: {
ip: 'geo.ip_address'
},
output : 'geo.info'},
page: {
info: { /* Enriched */ },
title: document.title,
url: document.location.href
},
referrer: {
info: { /* Enriched */ },
url: document.referrer
},
tech: {
browser: Keen.helpers.getBrowserProfile(),
info: { /* Enriched */ },
user_agent: '${keen.user_agent}'
},
time: Keen.helpers.getDatetimeIndex(),
visitor: {
time_on_page: timer.value()
/* Include additional visitor info here */
},
keen: {
addons: [
{
name: 'keen:ip_to_geo',
input: {
ip: 'geo.ip_address'
},
output : 'geo.info'
},
{
name: 'keen:ua_parser',
input: {);
return {
page: {
title: this.headData.title || document.title,
url: document.URL,
meta: {},
info: {},
},
referrer: {
url: document.referrer,
info: {},
},
time: {
local: KeenTracking.helpers.getDatetimeIndex(now),
utc: KeenTracking.helpers.getDatetimeIndex(nowUTC),
},
node: nodeInfo,
anon: {
id: md5(this.cookies.read(keenSessionIdCookie)),
},
meta: {
epoch: 1, // version of pageview event schema
},
keen: {
addons: [
{
name: 'keen:url_parser',
input: {
url: 'page.url',
},
output: 'page.info',var node = window.contextVars.node;
var pageMeta = lodashGet(window, 'contextVars.analyticsMeta.pageMeta', {});
return {
page: {
title: document.title,
url: document.URL,
meta: pageMeta,
info: {},
},
referrer: {
url: document.referrer,
info: {},
},
time: {
local: keenTracking.helpers.getDatetimeIndex(),
utc: keenTracking.helpers.getDatetimeIndex(_nowUTC()),
},
node: {
id: lodashGet(node, 'id'),
title: lodashGet(node, 'title'),
type: lodashGet(node, 'category'),
tags: lodashGet(node, 'tags'),
},
anon: {
id: md5(Cookie.get('keenSessionId')),
continent: user.anon.continent,
country: user.anon.country,
},
meta: {
epoch: 1, // version of pageview event schema
},
keen: {keen-tracking
Track events - custom user actions, clicks, pageviews, purchases.
