Simple Event Firing-GA4

by Alex Cowan

HTML

<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics 
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XFNYB3EN8W"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XFNYB3EN8W');
</script>
-->

<button id='search-btn' onClick='doga("thecat", "theact", "thelabel", 1)'>
click me
</button>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130183387-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-130183387-2');
</script>

JavaScript

function doga(category, action, label, value) {
  console.log('did GA');
  console.log(category, action, label, value);
  gtag('event', 'click', {
    'event_category': 'Suttons',
    'event_action': 'Doooj', 
    'event_label': 'shlabel', 
    'event_value': '1'
  });
}