google-analytics.html

<!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
/*
The tracking number below MUST be replaced with a unique number, contact the statistics development team to set this up. 
*/
    gtag('config', 'G-XXXXXXXXXX');
  
  $(document).on('change', 'select#selectPhase', function(e) {
    gtag('event', 'select phase', {'event_category' : 'choose Phase',
    'event_label' : document.querySelector('select#selectPhase').value
    });
  });
  
  $(document).on('change', 'select#selectArea', function(e) {
    gtag('event', 'select area', {'event_category' : 'choose Area',
    'event_label' : document.querySelector('select#selectArea').value
    });
  });
  
  $(document).on('click', 'ul#navlistPanel', function(e) {
    gtag('event', 'navlistPanel', {'event_category' : 'navbar click',
    'event_label' : document.querySelector('ul#navlistPanel > li.active > a').getAttribute('data-value')
    });
  });
     
  $(document).on('click', 'ul#tabsetpanels', function(e) {
    gtag('event', 'tab panels', {'event_category' : 'tab panel clicks',
    'event_label' : document.querySelector('ul#tabsetpanels > li.active > a').getAttribute('data-value')
    });
  });
  
  
  $(document).on('click', 'a#download_data', function(e) {
    gtag('event', 'Download button', {'event_category' : 'Download button click'
    });
  });
  
  
</script>