javascript - 从 env 变量读取跟踪 ID 并在 HTML 文件 head 部分的 GA 脚本标记中使用它

Question

我有一个跟踪 ID，我应该将其作为环境变量传递给包含在 HTML 文件的 head 部分中的 Google Analytics 脚本。我的问题是最简单的方法是什么，因为 src 标记不能使用文字字符串。这是片段:

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

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

我只需要用 process.env.GA_TRACKING_CODE 替换所有出现的“UA-XXXX-1”，然后我尝试使用 https://www.googletagmanager.com/gtag/js?id={process. env.GA_TRACKING_CODE} 但这不可能，所以有什么想法吗？

Answer 1

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

    gtag('config', '{{env('GOOGLE_ANALYTICS_ID')}}');
</script>