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.

github keen / keen-tracking.js / docs / examples / angular / keen-angular-example / src / app / keen.service.ts View on Github external
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: {
github keen / keen-tracking.js / docs / examples / angular / keen-angular-example / src / app / keen.service.ts View on Github external
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 {
github keen / keen-tracking.js / docs / examples / angular / keen-angular-example / src / app / keen.service.ts View on Github external
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
        },
github keen / keen-tracking.js / docs / examples / react-redux-middleware / keen-redux-middleware.js View on Github external
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: true
github keen / keen-tracking.js / docs / examples / vue-vuex / keen-vuex-logger.js View on Github external
import 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 initialized
github keen / keen-tracking.js / docs / examples / react-flux / keen-flux-logger.js View on Github external
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 = [
  // '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: true
github keen / keen-tracking.js / docs / examples / angular / keen-angular-example / src / app / keen.service.ts View on Github external
return {
        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'
github keen / keen-tracking.js / docs / examples / angular / keen-angular-example / src / app / keen.service.ts View on Github external
},
        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: {
github CenterForOpenScience / ember-osf-web / app / metrics-adapters / keen.ts View on Github external
);

        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',
github CenterForOpenScience / osf.io / website / static / js / keen.js View on Github external
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.

MIT
Latest version published 4 years ago

Package Health Score

57 / 100
Full package analysis