Retracked
A little library to simplify event tracking in React components.
Basic event tracking
Set it up in your bootstrap:
var myTracker = ;var retracked = ; var myTracker; // event types that we trackvar actionNames = 'view' 'click' // or tap 'hover' 'scroll' 'swipe' 'pinch' 'expand'; retracked;
Then in your components you can namespace the event tracking by context:
var AboutApp = React;
Then you can use that anywhere down the ownership hierarchy:
var JobsPage = React;
Isomorphic link tracking
This package contains a component, TrackedLink
, that abstracts away defining links on which you want
to track clicks, so that they fire events both in regular client-side rendering and also from server-side
rendered HTML before the full Javascript assets have downloaded and the full components have mounted.
For example,
<TrackedLink className="open-in-app btn" to=appStoreUrl trackingName="download_app" > Download our App </TrackedLink>