Arvados

Add a configuration setting to Workbench 2 that supports a Google Tag. If set, Workbench 2 generates the necessary HTML to load and report to Google Analytics using that tag.

Version 1 of this integration can be the simplest possible integration: it just needs to report when someone loads Workbench. More detailed activity tracking can be done in a follow-up story.

The necessary HTML is below. TAG_ID is the value from configuration anywhere it appears.

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

    gtag('config', 'TAG_ID');
  </script>

There's also a package to integrate react with Google Analytics 4, which tracks navigation actions within the app:

https://www.npmjs.com/package/react-ga4

Implementation¶

Need to add an public exported config item to the Workbench section that has the google analytics tag.

Once we have retrieved the configuration, we can set up react-ga4 in the init function.