Mixular is directive which you can use in your angularJS applications to track mix panel events.
You can install mixular via bower, to install run:
bower install --save mixular
You must include the Mixpanel javascript tracking library, then add the tracking-directive dependency in your AngularJS app.
var app = angular.module("yourApp", ["mixular-directive"]);
After that, you can start tracking events on your pages, like this:
<a href="#/feedback" mixular="click" eventLabel="Feedback Clicked" prop-user="James">Feedback</a>
You will have to add mixular
and specify the event on which you want to do the tracking.
All the standard event types are supported:
- click
- focus
- hover
- keydown
- keypress
- keyup
- mousedown
- mouseenter
- mouseleave
- mouseout
- mouseover
- mouseup
- scroll
- select
Using eventLabel
property you can specify the label of the event e.g "Banner Ad clicked".
To pass multiple properties for the event you can type the keyword prop followed by the property name e.g prop-product="Laptop" prop-price="500"
Built by ML&Co
We are a mobile and web-app development company, to learn more about us, visit our website or blog:
Website: http://mohammedlakkadshaw.com