随着互联网的快速发展，网站已经成为企业宣传和业务拓展的重要渠道之一。同时，网站的流量数据也成为了企业处理和优化的必要内容。
本文将介绍如何使用 Express.js 和 Google Analytics（以下简称 GA）来跟踪网站流量。GA 是一个强大的分析工具，可用于收集、处理和报告网站流量的数据，从而帮助网站管理员了解访问者的来源、访问时长、转化率等关键信息。结合 Express.js，可以方便地集成 GA 跟踪功能。
准备环境和配置 GA
首先，我们需要为网站准备一个 GA 账户。如果你还没有 GA 账户，可以访问 Google Analytics 网站 官网，按照步骤注册并创建一个 GA 账户。
在 GA 账户创建完成后，我们可以得到一个跟踪 ID（Tracking ID），如下图所示：
在开始编写代码之前，我们需要将 GA 跟踪 ID 添加到网站中。GA 支持多种跟踪方式，例如使用 JavaScript 代码、Google Tag Manager 等方法。这里我们使用 JavaScript 代码的方式来实现跟踪功能。
在网站的页面中添加如下 GA 代码：
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_TRACKING_ID');
</script>其中，GA_TRACKING_ID 需要替换为 GA 账户中的跟踪 ID。
添加完成后，网站就可以开始收集访客数据了。
使用 Express.js 集成 GA 跟踪
现在，我们需要在 Express.js 中使用 GA 跟踪功能。首先，我们需要安装 GA 的 Node.js SDK。在命令行中执行以下命令：
npm install --save universal-analytics
接下来，我们需要编写 Express.js 中间件来集成 GA 网站分析功能。可以在 app.js 文件中添加如下代码：
const ua = require('universal-analytics');
const visitor = ua('GA_TRACKING_ID');
app.use((req, res, next) => {
visitor.pageview(req.url).send();
next();
});在代码中，我们通过 require() 方法导入了 GA 的 Node.js SDK，并创建了一个访问者（Visitor）对象。在 app.use() 方法中，我们添加了一个 Express.js 中间件，该中间件会拦截所有的客户端请求，将请求的 URL 信息发送给 GA。
此外，我们还可以使用访问者对象进行事件，自定义维度和指标的跟踪。例如，我们可以使用 visitor.event() 方法来跟踪用户行为：
app.get('/page', (req, res) => {
visitor.event('Page', 'View', 'PageView').send();
res.send('Hello, World!');
});在代码中，当用户访问 /page 路径时，我们会发送一个 PageView 事件到 GA，用于跟踪用户在该页面的行为。
总结
本文介绍了如何使用 Express.js 和 Google Analytics 跟踪网站流量。首先，我们需要准备 GA 账户并在网站中添加 GA 代码；然后，在 Express.js 中使用中间件集成 GA 跟踪功能。这样，我们就可以方便地跟踪网站的流量数据，从而优化网站，提升用户体验。
示例代码：
const express = require('express');
const ua = require('universal-analytics');
const app = express();
const visitor = ua('GA_TRACKING_ID');
app.use((req, res, next) => {
visitor.pageview(req.url).send();
next();
});
app.get('/', (req, res) => {
res.send('Hello, World!');
});
app.get('/page', (req, res) => {
visitor.event('Page', 'View', 'PageView').send();
res.send('Hello, World!');
});
app.listen(3000, () => {
console.log('App is running on port 3000');
});来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b5c512add4f0e0ffe837d2