如果一看到“将此代码段粘贴到 <head> 中”就让您感到紧张，别担心，您不是一个人，而且接下来的内容绝对不会如此晦涩。接下来的 15 分钟，我们将用如同您祖母的烹饪食谱般亲切的语言，而不是开发者论坛上的术语，为您详细讲解。
我们究竟在安装什么
一小段代码——您可以把它想象成一张小贴纸——贴在您网站的每个页面上，让我们能够统计访客人数。仅此而已。它不会改变您网站的外观，不会明显拖慢网站速度；如果下周您觉得它不适合您，只需撕下“贴纸”，一切就会恢复如初。
通俗解释
“Snippet（代码段）”是“一小段代码”的亲切说法。您不需要阅读或理解它，只需粘贴一次即可。
通用的无代码途径（适用于大多数网站）
- 登录您的网站建站工具（WordPress、Shopify、Webflow、Wix 或 Squarespace）。
- 找到“设置”菜单——通常是一个齿轮图标，多位于左下角。
- 寻找名为“自定义代码（custom code）”、“头部代码（head code）”、“跟踪（tracking）”或“集成（integrations）”的选项。
- 从设置页面复制我们的代码段，并将其粘贴到“head”或“header”框中。
- 保存。重新加载您的主页。大功告成。
如果您使用的是 WordPress
有两条简单的途径。如果您有 WPCode、HeadFooterCode 等插件，或者您的主题选项中有“header scripts（头部脚本）”字段，请直接粘贴到那里。如果没有，花两分钟安装其中任意一个免费插件并使用即可。无需编辑文件，无需使用 FTP，完全不用慌张。
如果您使用的是 Shopify
前往 Online Store（在线商店）→ Themes（主题）→ Actions（操作）→ Edit code（编辑代码）。在 layout（布局）文件夹中找到“theme.liquid”。在靠近顶部的地方有一行写着 </head>。将代码段直接粘贴到该行的上方。保存。听起来很吓人，但其实只需 12 秒和一次右击就能搞定。
如果您使用的是 Webflow、Wix 或 Squarespace
这些平台在网站设置中都有官方的“自定义代码”区域。它正是为您当前的操作而设计的。Webflow：Project Settings（项目设置）→ Custom Code（自定义代码）→ Head。Wix：Settings（设置）→ Advanced（高级）→ Custom Code（自定义代码）。Squarespace：Settings（设置）→ Advanced（高级）→ Code Injection（代码注入）→ Header。
如何检查是否安装成功
| 步骤 | 去哪看 |
|---|---|
| 1. 重新加载您的主页 | 在常规浏览器标签页中 |
| 2. 打开跟踪检查页面 | 在 lead.box 仪表板中 |
| 3. 看到绿色的“已安装”徽章 | 几秒钟内出现 |
| 4. 如果为红色——请检查下方的步骤 5 | |
| 5. 确保您粘贴到了“head”，而不是“body”或“footer”中 | 在相同的设置页面查看 |
当出现问题时（通常不会）
如果检查结果一直显示红色，基本上是因为代码段贴错了位置，或者是您的网站建站工具需要手动点击“发布”才能使更改生效。请重新发布并刷新。如果五分钟后仍然是红色，我们的客服会在一小时内回复——没有晦涩的术语，也没有没完没了的工单迷宫。
关于“技术焦虑”的真相
安装过程让人感到害怕的原因并不是难度，而是那些陌生的词汇。“Head”、“snippet”、“自定义代码”、“代码注入”、“标签管理器”，这些其实都只是在说“把这东西粘贴到这里”。只要您成功操作过一次，未来安装任何工具（分析、聊天小组件、客户评价工具等）都会变成 15 分钟就能轻松搞定的小事。您甚至会纳闷自己为什么犹豫了这么久。
- 相关阅读：[以正确方式安装跟踪代码段](/blog/install-tracking-snippet-wordpress-shopify-gtm)
- 相关阅读：[服务器端与客户端跟踪](/blog/server-side-vs-client-side-tracking-what-matters-for-b2b)
- 相关阅读：[多域名 B2B 设置](/blog/multi-domain-b2b-tracking-workspaces-consolidated-view)
Published by