原创作者：
Fengjiajun
发布日期：2024年10月30日
通过 Google Tag Manager (GTM) 安装 Facebook 像素及相关事件（如加购、发起结账、购买事件）
要通过 Google Tag Manager (GTM) 安装 Facebook 像素及相关事件（如加购、发起结账、购买事件），请按以下步骤操作：
1. 添加 Facebook 基本像素代码
- 登录到 Facebook 广告管理平台，找到您的像素 ID。
- 登录到 Google Tag Manager，选择您的容器。
- 点击 Tags，然后点击 New 创建新的标签。
- 选择“标签类型” 为 Custom HTML Tag。
- 在 HTML 输入框中粘贴 Facebook 像素代码，替换
<YOUR_PIXEL_ID>为您的实际像素 ID。像素代码一般如下：<!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '<YOUR_PIXEL_ID>'); fbq('track', 'PageView'); </script> <!-- End Facebook Pixel Code --> - 设置触发条件：选择 All Pages，确保像素加载在所有页面上。
- 保存标签，并点击 Submit 和 Publish 以使更改生效。
2. 设置 Facebook 像素事件
对于加购、发起结账和购买等事件，可以在 GTM 中分别创建事件标签。以加购事件为例：
加购事件（Add to Cart）
- 创建一个新的标签，选择标签类型为 Custom HTML。
- 在 HTML 输入框中粘贴以下代码：
<script> fbq('track', 'AddToCart'); </script> - 设置触发条件：选择对应的 Add to Cart 按钮点击事件，如果已有触发器可以选择现有的，没有可以创建一个新触发器，设置为在加购按钮点击时触发。
- 保存并发布。
发起结账事件（Initiate Checkout）
- 创建一个新的标签，标签类型为 Custom HTML。
- 在 HTML 输入框中粘贴以下代码：
- 设置触发条件：选择在“发起结账”按钮点击时触发。
- 保存并发布。
购买事件（Purchase）
跟踪动态的购买价值和货币
- 创建一个新的标签，标签类型为 Custom HTML。
- 在 HTML 输入框中粘贴以下代码：
<script> fbq('track', 'Purchase', { value: {{Ecommerce Value}}, currency: {{Ecommerce Currency}} }); </script> {{Ecommerce Value}}和{{Ecommerce Currency}}是单独创建的两个变量。确保在 GTM 中正确选择它们。- 设置触发条件：选择在“订单确认”或“支付成功”页面加载时触发。
- 保存并发布更改。
