在Remix.run上运行google分析脚本

Question

我已经建立了一个网络应用与混音运行，我想添加谷歌分析。我怎样才能把纯JS添加到头部和身体部分，而不让打字稿生气呢？

Answer 1

在任何页面上，任何时候，你都可以在普通的

和完全的客户端转换之间切换.

如果您需要一点交互性，请使用

<script
 dangerouslySetInnerHTML>.

示例，摘自https://remix.run/docs/en/v1/guides/disabling-javascript

return (
  <>
    <select id="qty">
      <option>1</option>
      <option>2</option>
      <option value="contact">
        Contact Sales for more
      </option>
    </select>

    <script
      dangerouslySetInnerHTML={{
        __html: `
          document.addEventListener('DOMContentLoaded', () => {
            document.getElementById('qty').onchange = (event) => {
              if (event.target.value === "contact") {
                window.location.assign("/contact")
              }
            }
          });
        `
      }}
    />
  </>
);

Answer 2

这个存储库帮了我很多忙：https://github.com/remix-run/examples/blob/main/google-analytics

有一件事让我有一段时间被绊倒了，那就是我正在开发阻止分析的勇敢浏览器。

切换到Chrome，Firefox，Safari应该可以做到这一点。