Wraps the mixpanel JavaScript global to make it injectable and aid in testing.
Install via bower: bower install angular-mixpanel
Or if you're old skool, copy src/angular-mixpanel.js into your project.
Then add the script to your page (be sure to include the mixpanel lib as well):
<script src="/bower_components/mixpanel/mixpanel-jslib-snippet.min.js"></script>
<script src="/bower_components/angular-mixpanel/src/angular-mixpanel.js"></script>First add the dependency to your app:
angular.module('myApp', ['analytics.mixpanel']);Minimally you'll need to configure your API key like so:
angular.module('analytics.mixpanel')
.config(['$mixpanelProvider', function($mixpanelProvider) {
$mixpanelProvider.apiKey('<your project token>'); // your token is different than your API key
}]);You can also supply super properties:
angular.module('analytics.mixpanel')
.config(['$mixpanelProvider', function($mixpanelProvider) {
$mixpanelProvider.apiKey('<your project token>'); // your token is different than your API key
$mixpanelProvider.superProperties({
someProp: true,
anotherOne: [1,2,3]
});
}]);Then you can inject $mixpanel wherever needed. The API is identical to the standard mixpanel JavaScript global. For example:
angular.module('myApp').controller('MyCtrl', function ($scope, $mixpanel) {
$mixpanel.track('my event');
});Create a ticket here
Issue a pull request including any relavent testing and updated any documentation if required.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent