The Mixpanel JavaScript Library is a set of methods attached to a global mixpanel
object
intended to be used by websites wishing to send data to Mixpanel projects. A full reference
is available here.
This library is available as a package on NPM (named mixpanel-browser
to distinguish it from Mixpanel's server-side Node.js library, available on NPM as mixpanel
). To install into a project using NPM with a front-end packager such as Browserify or Webpack:
npm install --save mixpanel-browser
You can then require the lib like a standard Node.js module:
var mixpanel = require('mixpanel-browser');
mixpanel.init("YOUR_TOKEN");
mixpanel.track("An event");
mixpanel-js
is also available via front-end package manager Bower. After installing Bower, fetch into your project's bower_components
dir with:
bower install mixpanel
You can then load the lib via the embed code (snippet) with a script reference:
<script src="bower_components/mixpanel/mixpanel-jslib-snippet.min.js"></script>
which loads the latest library version from the Mixpanel CDN (http://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js).
If you wish to load the specific version downloaded in your Bower package, there are two options.
- Override the CDN library location with the global
MIXPANEL_CUSTOM_LIB_URL
var:
<script>
window.MIXPANEL_CUSTOM_LIB_URL = 'bower_components/mixpanel/mixpanel.js';
</script>
<script src="bower_components/mixpanel/mixpanel-jslib-snippet.min.js"></script>
or
- Recompile the snippet with a custom
MIXPANEL_LIB_URL
using Closure Compiler:
java -jar compiler.jar --js mixpanel-jslib-snippet.js --js_output_file mixpanel-jslib-snippet.min.js --compilation_level ADVANCED_OPTIMIZATIONS --define='MIXPANEL_LIB_URL="bower_components/mixpanel/mixpanel.js"'
If you originally installed Mixpanel via Bower at its previous home (https://github.com/drubin/mixpanel-bower), the two old versions have remained functionally unchanged. To upgrade to v2.3.6 or later (the first Bower version in the official repo) from a previous Bower install, note the changed filenames: previous references to mixpanel.js
should become mixpanel-jslib-snippet.min.js
(the minified embed code), and previous references to mixpanel.dev.js
should become mixpanel.js
(the library source) or mixpanel.min.js
(the minified library for production use).
- Install development dependencies:
npm install
- Build:
npm run build
- Install development dependencies:
npm install
- Start test server:
npm test
- Browse to http://localhost:3000/tests/ and choose a scenario to run
In the future we plan to automate the last step with a headless browser to streamline development (although Mixpanel production releases are tested against a large matrix of browsers and operating systems).
For patches and support: @bohanyang, @dehau, @drubin, @D1plo1d, @feychenie, @mogstad, @pfhayes, @sandorfr, @stefansedich