javascript - 谷歌分析标签在 Rails 7 应用程序中不起作用

Question

您好，有一个 rails 7 应用程序，想放置我的谷歌分析标签 js 片段。

我尝试的只是将此脚本添加到 application.html.erb，这不起作用（可能与 hotwire / turbo 有关）？：

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

  gtag('config', 'G-123456789');
</script>

Answer 1

这种方法对我有用

在您的网站 html 头中

<script src="https://www.googletagmanager.com/gtag/js?id=G-111111111" data-turbo-track="reload" async></script>

并在 application.js

document.addEventListener("turbo:load", function(event) {
  window.dataLayer = window.dataLayer || []
  function gtag(){dataLayer.push(arguments)}
  gtag('js', new Date())
  gtag('config', 'G-111111111', {'page_location': event.detail.url})
}, false)