[building] Recommendation to add inline scripts in the index.html

My use case is add the Google Analytics script.

It’s something like:

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

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

I think the best idea could be have some option to add this script to the index.html in the build step. Because we don’t needed during the development process, just in production/staging.

[LarsDenBakker]

I agree that we need to do something here, I’ve had some different ideas but I haven’t had time to work it out yet.

[abdonrd]

Thanks!

Reference to docs: https://github.com/open-wc/open-wc/tree/master/packages/rollup-plugin-html#transform-output-html