How to integrate partytown with angular?

@adamdbradley I am trying to connect GTM, Gtag as well as some basic scripts in Angular index.html, but seems like they aren’t working. I am searching for solution but no idea how to implement it.

GTag Script-

<script type="text/partytown">
  window.dataLayer = window.dataLayer || [];
  function gtag(){
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
</script>

GTM Scripts-

<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-ID')
    </script>

Some basic scripts- <script type="text/partytown" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

[adamdbradley]

Any assistance adding to angular integration docs would be appreciated. It could be a new page similar to https://github.com/BuilderIO/partytown/blob/main/docs/react.md

[ashwinikumar01]

Ok then, let me have a look for the setup with angular

Hey @ashwinikumar01 - do either of these help?

https://partytown.builder.io/html https://partytown.builder.io/trade-offs

Thanks @steve8708 for these guides