Simple Event Firing for Google Analytics- via Tag Manager

This shows a simple button-driven event which records to Google Analytics.

by Alex Cowan

HTML

<!-- 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>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M9C8JC8');</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M9C8JC8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<button id='search-btn'>
click me
</button>

JavaScript

/*
jQuery(document).ready(function() {
  jQuery("#search-btn").on("click", function() {
    //On new search, start w/ all parts to start
    console.log("I got clicked!");
  });
});

function doga() {
  console.log('did GA');
  gtag('event', 'click', {
    'event_category': 'BuyNow'
  });
}
*/