# Facebook Pixel（Meta Pixel）接入教程 | Creght AI 文档
> 🎯 本教程适用于 Facebook 广告 → Creght WhatsApp 落地页 → WhatsApp 对话 的投流场景。 完成后，你将能够： 使用 Meta Pixel 统计落地页访问量 使用 Contact 事件统计 WhatsA…
[帮助文档](/help)
[更新历史](/blogs)
[AI](/docs/ai/quick-create-first-website) [可视化](/docs/get-start)
开始使用
- [5 分钟快速创建第一个网站](/docs/ai/quick-create-first-website)
- [AI 创建网站指南](/docs/ai/ai-create-website-guide)
- [直接编辑：不消耗积分的内容修改](/docs/ai/ai-edit-content-guide)
- [使用 Pick，把其他模板的板块用到自己的网站](/docs/ai/pick-element-in-tpl)
- [Prompt 库](/docs/ai/prompt-lib)
- [AI 积分说明](/docs/ai/ai-credits-guide)
- [Creght Skill](/docs/ai/creght-skill)
后端
- [让网站支持登录、预约、密码页面等功能](/docs/ai/backend-database-guide)
- [OAuth 登录配置教程：Google 和 GitHub](/docs/ai/backend-auth-guide)
网站设置
- [多语言网站设置教程](/docs/ai/localization)
- [域名绑定教程](/docs/ai/custom-domain)
- [阿里云购买域名教程（新手版）](/docs/ai/aliyun-domain-registration-guide)
- [重定向设置教程](/docs/ai/redirects)
- [页面不存在时：该用重定向还是 404？](/docs/ai/redirect-or-404)
- [Facebook Pixel（Meta Pixel）接入教程](/docs/ai/facebook-meta-pixel)
高级用法
- [为不同域名配置不同默认语言](/docs/ai/domain-locale-routing)
网站设置/
# Facebook Pixel（Meta Pixel）接入教程
> **🎯**
>
> 本教程适用于 **Facebook 广告 → Creght WhatsApp 落地页 → WhatsApp 对话** 的投流场景。
>
> 完成后，你将能够：
>
> - 使用 Meta Pixel 统计落地页访问量
> - 使用 `Contact` 事件统计 WhatsApp 按钮点击
> - 在 Events Manager 中验证事件是否正常上报
## 数据流
```plain-text
Facebook 广告
│
▼
Creght 落地页
│
├── PageView（页面访问）
│
▼
点击 WhatsApp
│
└── Contact（咨询事件）
│
▼
WhatsApp 对话
```
* * *
## 第一步：创建 Meta Pixel
1. 打开 [Meta Events Manager（事件管理工具）](https://business.facebook.com/events_manager2)。
2. 点击左侧的 **Connect Data Sources（连接数据源）**。
1. 选择 **Web**，然后点击 **Next**。
2. 选择 **Meta Pixel**，继续下一步。
3. 输入便于识别的 Pixel 名称，例如 `Creght WhatsApp Pixel`。
1. 确认信息无误后，点击 **Create**。
> **💡**
>
> 一个网站通常只需要一个 Pixel，不建议为每个页面单独创建。
* * *
## 第二步：选择手动安装代码
创建完成后会进入安装方式页面。选择 **Install code manually（手动安装代码）**。
> **⚠️**
>
> 本教程使用手动安装方式。不要选择 Partner Integration、WordPress、Shopify 或 Google Tag Manager。
* * *
## 第三步：复制 Pixel 基础代码
Meta 会自动生成一段基础代码，其中包含你的 Pixel ID 和默认的 `PageView` 事件，例如：
```html
```
点击 **复制代码** 按钮，复制官方生成的完整代码。
> **⚠️**
>
> 不要手动修改代码中的 Pixel ID，也不要只复制其中一部分。
* * *
## 第四步：安装到 Creght 网站
1. 打开需要接入 Pixel 的 Creght 网站编辑器。
2. 在右侧 AI 对话框中粘贴完整的 Meta Pixel 代码。
3. 告诉 AI： `请将这段 Meta Pixel 代码安装到网站，并确保所有页面都会加载。`
4. 发送后等待 AI 完成修改。
等待 AI 提示添加成功。
* * *
## 第五步：配置 WhatsApp 点击事件
基础代码只能统计页面访问。如果还需要统计 WhatsApp 咨询点击，请继续在右侧 AI 对话框中输入：
```plain-text
帮我为网站中所有 WhatsApp 按钮添加 Meta Pixel 的 Contact 点击事件。
```
配置完成后，用户每点击一次 WhatsApp 按钮，Meta 就会收到一个 `Contact` 事件。
| 用户行为 | Meta 标准事件 | 用途 |
| --- | --- | --- |
| 浏览页面 | `PageView` | 统计落地页访问量 |
| 点击 WhatsApp | `Contact` | 统计咨询意向 |
> **✅**
>
> `Contact` 是 Meta 官方标准事件，非常适合 WhatsApp 咨询场景。
* * *
## 第六步：发布网站
点击编辑器右上角的 **发布** 按钮，并等待发布完成。
> **📌**
>
> 修改只有在重新发布网站后才会生效。未发布时，线上网站不会加载新安装的 Pixel。
* * *
## 第七步：测试 Pixel
1. 回到 **Meta Events Manager**。
2. 选择刚刚创建的 Pixel。
3. 打开 **Test Events（测试事件）**。
1. 输入已发布的网站地址，例如：
```plain-text
https://yourdomain.com
```
1. 点击 **Open Website（打开网站）**。
2. 在打开的网站中完成以下操作：
- 刷新页面
- 点击 WhatsApp 按钮
1. 返回 Test Events 查看实时事件。
> **✅**
>
> 验证成功的标志：
>
> - 打开或刷新页面后出现 `PageView`
> - 点击 WhatsApp 后出现 `Contact`
>
> 两个事件都出现，说明 Pixel 已正常工作。
* * *
## 第八步：使用 Meta Pixel Helper 检查（可选）
1. 在 Chrome 中安装 **Meta Pixel Helper** 扩展。
2. 打开已发布的网站。
3. 点击浏览器右上角的 Meta Pixel Helper 图标。
如果安装正确，扩展中会显示：
```plain-text
✓ 1 Pixel Found
PageView
```
点击 WhatsApp 后，还会新增：
```plain-text
Contact
```
* * *
## 最终检查清单
- ☐ Meta Pixel 基础代码已安装
- ☐ 网站已经重新发布
- ☐ 打开页面会触发 `PageView`
- ☐ 点击 WhatsApp 会触发 `Contact`
- ☐ Events Manager 或 Meta Pixel Helper 中没有重复事件
### 推荐配置（WhatsApp 落地页）
| 事件 | 作用 | 建议 |
| --- | --- | --- |
| **PageView** | 统计页面访问量 | ✅ 必须 |
| **Contact** | 统计 WhatsApp 按钮点击 | ✅ 强烈推荐 |
如果后续增加了询盘表单，可以在表单提交成功后增加：
```javascript
fbq('track', 'Lead');
```
这样可以进一步统计有效询盘数量，并为 Facebook 广告优化提供更多转化数据。
### 常见问题
**看不到** **`PageView`**
- 确认网站已经重新发布
- 确认安装代码中的 Pixel ID 正确
- 暂时关闭广告拦截扩展后再测试
**能看到** **`PageView`** **，但看不到** **`Contact`**
- 确认事件已添加到网站中的所有 WhatsApp 按钮
- 确认点击后没有被其他浮层或脚本拦截
**同一个操作出现多个重复事件**
- 检查基础代码是否被重复安装
- 检查同一个按钮是否重复绑定了点击事件
本文目录
- [数据流](#数据流)
- [第一步：创建 Meta Pixel](#第一步-创建-meta-pixel)
- [第二步：选择手动安装代码](#第二步-选择手动安装代码)
- [第三步：复制 Pixel 基础代码](#第三步-复制-pixel-基础代码)
- [第四步：安装到 Creght 网站](#第四步-安装到-creght-网站)
- [第五步：配置 WhatsApp 点击事件](#第五步-配置-whatsapp-点击事件)
- [第六步：发布网站](#第六步-发布网站)
- [第七步：测试 Pixel](#第七步-测试-pixel)
- [第八步：使用 Meta Pixel Helper 检查（可选）](#第八步-使用-meta-pixel-helper-检查-可选)
- [最终检查清单](#最终检查清单)
- [推荐配置（WhatsApp 落地页）](#推荐配置-whatsapp-落地页)
- [常见问题](#常见问题)
此网站使用 [Creght](/) 创建
用户交流群
## 链接
- [价格](/price)
- [帮助中心](/help)
- [联系我们](/contact)
- [博客](/blogs)
- [退款说明](/tuikuan)
## 资源
- [全部资源](/resources)
- [模板](/templates)
- [组件库](https://creghtlib.site.creght.com)
- [动效库](/effects)
- [Figma to Creght](/figma2creght)
- [AI 编程指南](/api)
## 产品对比
- [对比上线了](/creght-vs-sxl)
- [对比凡科建站](/creght-vs-fkw)
## 协议
- [用户协议](/legal/terms)
- [隐私政策](/legal/privacy)
- [可接受使用政策](/legal/acceptable-use)
## 社交媒体
- [小红书](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [哔哩哔哩](https://space.bilibili.com/513308095)
[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)