Added Mixpanel (quran#384)

mmahalwy · thabti · commit dc2be10fbc6d · 2016-07-10T11:42:55.000+01:00
diff --git a/.eslintrc b/.eslintrc
@@ -49,6 +49,7 @@
     "socket": true,
     "webpackIsomorphicTools": true,
     ga: true,
-    Raven: true
+    Raven: true,
+    mixpanel: true
   }
 }
diff --git a/src/helpers/Html.js b/src/helpers/Html.js
@@ -1,4 +1,4 @@
-/* eslint-disable global-require, quotes */
+/* eslint-disable global-require, quotes, max-len */
 import React, { PropTypes } from 'react';
 import ReactDOM from 'react-dom/server';
 import Helmet from 'react-helmet';
@@ -56,6 +56,16 @@ const Html = ({ store, component, assets }) => {
               dangerouslySetInnerHTML={{__html: `/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(c){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var o=this.createElement("script");n&&(this.domain=n),o.id="js-iframe-async",o.src=e,this.t=+new Date,this.zendeskHost=t,this.zEQueue=a,this.body.appendChild(o)},o.write('<body onload="document._l();">'),o.close()}("https://assets.zendesk.com/embeddable_framework/main.js","quran.zendesk.com");/*]]>*/`}}
             />
         }
+        {
+          process.env.NODE_ENV === 'production' &&
+            <script
+              dangerouslySetInnerHTML={{
+                __html: `
+                  (function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");for(g=0;g<i.length;g++)f(c,i[g]);b._i.push([a,e,d])};b.__SV=1.2;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\\/\\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f)}})(document,window.mixpanel||[]);mixpanel.init("d3f9b2f15c4bf0509e85845b56921034");
+                `
+              }}
+            />
+        }
         {
           process.env.NODE_ENV === 'production' &&
             <script src="https://cdn.ravenjs.com/3.0.4/raven.min.js" />
diff --git a/src/helpers/metrics.js b/src/helpers/metrics.js
@@ -3,11 +3,15 @@ export default {
   vendors: [
     {
       api: {
-        name: 'Segment',
+        name: 'Analytics',
         pageView() {
+          mixpanel.track('Pageview', window.location);
+
           return ga('send', 'pageview');
         },
         track(eventName, params) {
+          mixpanel.track(eventName, params);
+
           return ga('send', {
             hitType: 'event',
             eventCategory: eventName,

Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,7 @@`
`49`	`49`	`"socket": true,`
`50`	`50`	`"webpackIsomorphicTools": true,`
`51`	`51`	`ga: true,`
`52`		`- Raven: true`
	`52`	`+ Raven: true,`
	`53`	`+ mixpanel: true`
`53`	`54`	`}`
`54`	`55`	`}`