Track Tawk.to chats, send events to Google Analytics, gtag.js implementation

tawkto-gtagjs.html

<!--Start of Tawk.to Script-->
<script type="text/javascript">
  // Load Tawk.to script
  var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  (function(){
    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
    s1.async=true;
    s1.src="https://embed.tawk.to/REPLACE-WITH-YOUR-TAWK-TO-ID/default";
    s1.charset="UTF-8";
    s1.setAttribute("crossorigin","*");
    s0.parentNode.insertBefore(s1,s0);
  })();

  //Track chat starting event
  Tawk_API.onChatStarted = function(){
    gtag('event', 'chatstarted', {
      'event_category': 'tawkto',
    });
  };

  //Track chat ending event
  Tawk_API.onChatEnded = function(){
    gtag('event', 'chatended', {
      'event_category': 'tawkto',
    });
  };

  //Track offline message
  Tawk_API.onOfflineSubmit = function(data){
    gtag('event', 'offlinechat', {
      'event_category': 'tawkto',
    });
  };

  //More tawk.to events triggered by the tawk.to API https://www.tawk.to/javascript-api/
  //Google Analytics gtag.js send event documentation https://developers.google.com/analytics/devguides/collection/gtagjs/events
</script>
<!--End of Tawk.to Script-->