如何在 svelte 中添加 Google Analytics 跟踪 ID

Question

我想将我的Google Analytics Tracking ID-添加UA-XXXXXXXXX-X到我的 svelte 应用程序中。

我找到了两种方法。

第一次使用Install the global site tag 这里

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

  gtag('config', 'GA_MEASUREMENT_ID');
</script>

我想，我必须将上面的代码插入到app.svelte. 我对吗？

二、使用@beyonk/svelte-google-analytics

使用安装包

npm i --save-dev @beyonk/svelte-google-analytics

import { GoogleAnalytics } from '@beyonk/svelte-google-analytics'

<GoogleAnalytics properties={[ 'google property id A', ...'google property id X' ]} />

那么我应该在哪里添加呢tracking ID？这就是 svelte 文档中提到的方式

或使用的方法first？second这很令人困惑

Answer 1

您可以在 中添加全局站点标签public/index.html。您的所有 Svelte 将被注入到此文件中，因此它将处理您的所有页面。

编辑：SvelteKit 1.0app.html在根目录中具有此基本 HTML 文件，但无论您使用哪种风格的 Svelte，只需确保将其添加到与 Svelte 水合的 HTML 文件中即可。