`npm` 包 `metalsmith-google-analytics` 使用教程

阅读时长 3 分钟读完

npmmetalsmith-google-analytics 的主要作用是通过使用 Google Analytics 跟踪你的网站访问量。在本篇文章中,我将向你介绍如何使用 metalsmith-google-analytics 来配置你的网站来跟踪访问量并将其发送到 Google Analytics。

安装

metalsmith-google-analytics 可以通过以下命令进行安装:

配置

要配置 metalsmith-google-analytics,你需要两个东西:

  1. 你的 Google Analytics 跟踪 ID。
  2. 你的网站域名。

在 Google Analytics 中创建一个新的跟踪 ID 是非常容易的。首先,登录到你的 Google Analytics 帐户,然后转到“管理”页面。接下来,在“跟踪信息”下,单击“创建新的跟踪 ID”,然后按照提示进行操作即可。

当你有了跟踪 ID 后,将其添加到你网站的配置文件中。这里我们以使用 metalsmith 为例。

-- -------------------- ---- -------
-- -------------

----- ---------- - ----------------------
----- -- - ---------------------------------------

---------------------
  ---------
    ----------- -------------------
    ----------- -----------------
  ---
  ---------- -- -
    -- ----- ----- ----
  ---

trackingId 是你的 Google Analytics 跟踪 ID,domainName 是你的网站域名。

在上面的代码示例中,我们使用 metalsmith-google-analytics 插件并将其添加到 metalsmith 操作流中。最后,我们将 build 方法传递给 metalsmith,以启动生成器。

使用

当你运行 metalsmith 生成你的网站时,metalsmith-google-analytics 将自动在每个页面中插入必要的跟踪代码。你可以从 Google Analytics 仪表板中查看你的访问量报告。

请注意,跟踪代码仅在生产环境中插入。在开发环境中,它不会被添加到任何页面中。

总结

在本文中,我们介绍了如何使用 metalsmith-google-analytics 追踪你网站的访问量并将其发送到 Google Analytics。通过按照上述指示配置和使用,你可以更好地了解你的受众和流量来源,从而更好地管理你的网站并为受众提供更好的体验。希望这篇文章能够对你有所帮助!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f3f1d8e776d08040bb4

纠错
反馈