Analytics

Analytics

<div>
  <p>Click the link below and check the console output:</p>
  <div>
    <a href id="click-me">
      Track click event
    </a>
  </div>
</div>

import analytics from '@jetbrains/ring-ui/components/analytics/analytics';
import linkStyles from '@jetbrains/ring-ui/components/link/link.css';
import AnalyticsCustomPlugin from '@jetbrains/ring-ui/components/analytics/analytics__custom-plugin';

const FLUSH_INTERVAL = 100;

const customPlugin = new AnalyticsCustomPlugin(events => (
  console.log('Custom plugin receives:', events[0].category, events[0].action)
), false, FLUSH_INTERVAL);

analytics.config([customPlugin]);

document.getElementById('click-me').className = linkStyles.link;

document.getElementById('click-me').addEventListener('click', event => {
  analytics.trackEvent('test-category', 'test-action');
  event.preventDefault();
});