设置 Menubar Overview，让网站的首次访问显示在菜单栏中

创建 Hitsteps 账户

创建免费账户，并添加你想查看的网站。

如果你已经在使用 Hitsteps，请继续使用现有账户。无需专门为 Mac 应用再开一个账户。选择你想在菜单栏中查看的网站。

在网站上安装跟踪代码

每个网站只安装一次。不要同时使用 WordPress 插件、手动添加的 JavaScript 代码和 Google Tag Manager。重复安装可能导致访问量重复计算。

主要方式, 使用 JavaScript 代码适用于任意网站

1. 打开 HTML 或自定义网站安装指南。
2. 在 Hitsteps 中打开网站并复制完整的跟踪代码。
3. 将代码粘贴一次，放在共享页脚、布局或常用脚本位置中的闭合 body 标签之前。
4. 保存并发布。如果使用网站或 CDN 缓存，请清除缓存。

JavaScript 安装指南

替代方式, WordPress 插件

1. 打开 WordPress 插件安装指南。
2. 在你自行托管的 WordPress 网站上安装并启用 Hitsteps。
3. 在插件设置中粘贴该网站对应的 API 代码并保存。

WordPress 插件安装指南

其他平台也有各自的 Hitsteps 安装指南。每个网站仍应只选择一种跟踪方式。

复制网站 API 代码

在 Hitsteps 中打开该网站并复制 API 代码。插件可能会将它称为 API 密钥。

只能将代码粘贴到 Hitsteps 插件设置和 Menubar 应用设置中。不要将它放入公开 URL、UTM 链接、广告或共享表格。

连接 Menubar Overview

使用跟踪网站时所用的同一个 Hitsteps 账户和网站 API 代码。

1. 在 Mac 上打开 Hitsteps Menubar Overview。
2. 打开应用设置，并使用同一个 Hitsteps 账户登录。
3. 粘贴第 3 步中的网站 API 代码并保存。

聊天在线状态和通知是可选项。要统计网站访问量，仍需在网站上安装跟踪代码。

确认首次访问记录

在完成设置前，先在两个位置确认一次真实访问。

1. 打开网站上的公开页面。
2. 在 Hitsteps 网页控制面板中，打开该网站的 Live visitors 或 Online，确认能看到你的访问。
3. 查看同一网站在 Menubar 中的计数或弹出窗口。

当一次真实页面访问显示在控制面板中，且菜单栏反映该网站的实时活动时，设置就完成了。

如果没有任何显示，请确认只采用了一种安装方式，并检查网站和 Menubar 设置中使用的是同一个 API 代码。然后刷新网站，或者在启用了管理员排除时尝试使用隐私窗口。