什么是 gatsby-telemetry
gatsby-telemetry 是一个 npm 包，用于收集 Gatsby 应用程序的用户使用情况统计数据。它使用 Google Analytics 或 Matomo（Piwik）提供有关用户在 Gatsby 应用程序中执行的操作的匿名信息。
如何使用 gatsby-telemetry
第一步：安装
您可以使用 npm 或 yarn 安装 gatsby-telemetry。
使用 npm：
npm install gatsby-telemetry
使用 yarn：
yarn add gatsby-telemetry
第二步：添加插件
在您的 Gatsby 项目中，添加 gatsby-telemetry 插件。在 gatsby-config.js 文件中，添加以下代码：
-- -------------------- ---- -------
-------------- - -
-------- -
-
-------- -------------------
-------- -
-- ----- ------ --------- - ---------------
----------------- ---------
------------- -
------- ----
---- ---------------------------------
-------- ---------------------------
--
---------------------- -
----------- -------------------
---------- -----
----------- -----
------------- ---------------------------
--
--
--
--
--如果使用 Google Analytics，您需要在 Google Analytics 控制台中启用 IP 匿名和 DNT（Do Not Track）支持。在 matomoConfig 和 googleAnalyticsConfig 中设置的 siteUrl 和 cookieDomain 用于在站点跨域访问时工作。
第三步：构建项目
重新构建您的 Gatsby 项目，以确保 gatsby-telemetry 正确收集统计数据。启动命令如下：
gatsby develop
查看结果
数据会自动传输到您的 Google Analytics 或 Matomo（Piwik）帐户中。要查看结果，请登录到相应的帐户并导航到“实时”或“其他”部分。
示例代码
-- -------------------- ---- -------
-- ----------------
-------------- - -
-------- -
-
-------- -------------------
-------- -
----------------- -------------------
---------------------- -
----------- -------------------
---------- -----
----------- -----
------------- --------------
--
--
--
--
--结论
在本教程中，我们学习了如何通过 gatsby-telemetry npm 包来收集 Gatsby 应用程序的用户使用情况数据。我们了解了如何安装、添加插件和构建项目。最后，我们展示了完整的代码示例和如何查看结果。希望本教程能对 Gatsby 开发者们带来帮助和指引。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb4b8b5cbfe1ea0611345