Google Analytics 是一个非常流行的 Web 分析工具,它可以提供有关网站访问者的各种信息,如访问次数、来源、地理位置、设备等等。在 Web 开发的过程中,我们还需要将 Google Analytics 集成到我们的网站中,以便更好地监控和分析访问者的情况。在本文中,我们将介绍如何在 Fastify 框架中集成 Google Analytics。
准备工作
在开始之前,我们需要准备以下几个东西:
- Google Analytics 账户
- Google Analytics 的 跟踪 ID
- 使用者要访问的网站
如果你没有 Google Analytics 账户,请先注册一个账户,并创建一个跟踪 ID,以便我们可以将它集成到 Fastify 应用程序中。
集成 Google Analytics
- 在 Fastify 应用程序中安装
universal-analytics
模块。
npm install universal-analytics --save
- 安装完成后,我们需要在应用程序中导入该模块。
const ua = require('universal-analytics');
- 现在,我们需要使用
universal-analytics
的createVisitor
函数来创建一个跟踪器对象。
const visitor = ua('跟踪 ID', {https: true});
注意:在上面的代码中,需要将 跟踪 ID
替换为您在 Google Analytics 中创建的跟踪 ID。
- 在 Fastify 应用程序中的每个路由函数中,我们需要向 Google Analytics 发送一个
pageview
请求。为此,我们需要使用我们在步骤 3 中创建的visitor
对象。
-- -------------------- ---- ------- ---------------- --------- ------ -- - ----- ---- - ---- ----- -- - ---------------------------------- -- --------------------------------- ----- -- - ------------------------------ ----- ------- - -------------------------- -- --- ----- ------- - ------------------------- ----- ------ - - ---- --- --- --- --- -------- ------ -------- -- ---------------------- --------------- ---
在上面的代码中,我们首先定义了一些变量,如 page
、ip
、ua
、referer
和 country
。然后,我们将它们作为参数传递给 pageview
函数,并向 Google Analytics 发送一个 pageview
请求。
- 现在,我们需要在 Google Analytics 中验证是否已成功集成。要验证,请在 Google Analytics 中转至 “实时” 报告,并转至 “实时流量” 部分。在这里,您应该能够看到有关您的网站访问者的信息,包括访问次数、页面视图、设备等等。
结论
通过本文,我们已经了解了如何在 Fastify 框架中集成 Google Analytics,以便更好地监控和分析访问者的情况。您可以通过上面的步骤将 Google Analytics 集成到您的 Fastify 应用程序中。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6747b615555db9718d171d0a