如何将gtag.js与angular2正确集成

Question

当我将标签放置到我的角度项目目录根目录中的index.html并生成产品时，会出现错误“无法通过源https://www.googletagmanager.com/gtag/js?id=MY_ID加载脚本”。

我一直试图用谷歌搜索我的问题，没有任何帮助，甚至是最新的解决方案

内的

index.html

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

app.component.ts

  constructor(private ccService: NgcCookieConsentService, router: Router) {
    const script = document.createElement('script');
    script.async = true;
    script.type = 'text/javascript'; // set the script type
    script.charset = 'utf-8';
    script.src = 'https://www.googletagmanager.com/gtag/js?id=' + environment.code;
    document.getElementsByTagName('head')[0].appendChild(script);

    const navEndEvent$ = router.events.pipe(
      filter(e => e instanceof NavigationEnd)
    );
    navEndEvent$.subscribe((e: NavigationEnd) => {
      (<any>window).gtag('config', 'MY_ID', {'page_path': e.urlAfterRedirects});
    });
    }

我应该如何加载Google脚本？