Analytics Ng

Analytics Ng

import angular from 'angular';
import AnalyticsNG from '@jetbrains/ring-ui/components/analytics-ng/analytics-ng';
import LinkNG from '@jetbrains/ring-ui/components/link-ng/link-ng';

 angular.module('Example.analyticsDemo', [AnalyticsNG, LinkNG])
   .config([
     'analyticsProvider',
     'AnalyticsCustomPlugin',
     'AnalyticsGAPlugin',
     function(analyticsProvider, AnalyticsCustomPlugin, AnalyticsGAPlugin) {
       var analyticsEnabled = true;
       if (analyticsEnabled) {
         var isDevelopment = true;
         var customPlugin = new AnalyticsCustomPlugin(function(data) {
           console.log('Here you can send data to server', data);
         }, isDevelopment, 600);
         var gaId; // = 'GA-XXXXX-ID';
         analyticsProvider.plugins([
           customPlugin //, new AnalyticsGAPlugin(gaId)
         ]);
       }
     }
   ])

   .controller('TrackEventDemoCtrl', [
     'analytics',
     function(analytics) {
       analytics.trackEvent('track-event-demo', 'show');
     }
   ]);

<div ng-app="Example.analyticsDemo" ng-strict-di>
 <p>Hover or click the links below and check the console output:</p>
 <div>
   <rg-link href="" rg-analytics="overview:view-doc">
     Link with an onclick analytics trigger
   </rg-link>
 </div>
 <div>
   <rg-link href="" rg-analytics="overview:view-doc" rg-analytics-on="mouseover">
     Link with an onmouseover analytics trigger
   </rg-link>
 </div>
 <div ng-controller="TrackEventDemoCtrl"></div>
</div>