reactjs - 从 GTM 脚本中减少未使用的 JavaScript

问题描述

如Google Tag Manager docs<head>中所述，我在Next.js 网站的标签中包含 GTM JavaScript，如下所示：

// pages/_app.js

  return (
    <>
      <Head>
      <script dangerouslySetInnerHTML={{ __html: `(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-xxxxxx');`  }}></script>
      </Head>
...

这样做会在 Google PageSpeed Insights 上发出警告：

有什么建议吗？

标签： reactjsnext.jsgoogle-tag-manager

reactjs - 从 GTM 脚本中减少未使用的 JavaScript

问题描述

解决方案

推荐阅读