How to 在stall 脸书 Pixel with Google跟踪代码管理器

更新时间：2020年8月2日。 如果您使用付费广告来获取新流量，’您很有可能已经在使用Facebook广告。但是，如果你不这样做’不能衡量广告系列的效果，只是烧钱，希望 也许有些事情在起作用，你’re doing it wrong.

如果您使用Facebook广告来获取流量，则需要使用Facebook Pixel来衡量广告系列的成功程度。每当访客转化时，您都应该使用像素跟踪该转化（例如，潜在客户，购买等）。

在本指南中，我将向您展示如何使用Google跟踪代码管理器安装Facebook Pixel（不仅包括基本网页浏览量，还包括事件等其他内容）。该主题涉及面很广，因此，我建议将其屈曲并让’潜入这个。另外，请考虑订阅我的时事通讯以了解GTM的最新信息。

 

 

目录

+显示目录+

• A Quick 在troduction to 脸书 Pixel
• How to get 脸书 Pixel code?
• #1. How To 在stall 脸书 Pixel with Google跟踪代码管理器: Pageview
  • #1.1. Add 脸书 Pixel 自订 Template
  • #1.2. 脸书 Pixel Pageview Tag
  • ＃1.3。像素ID的常量变量
  • #1.4. Test the 脸书 Pixel Tag
• #2. Other options on how to 在stall 脸书 Pixel with Google跟踪代码管理器
  • ＃2.1。使用自定义HTML标签手动安装
  • ＃2.2。“Done for you”
• #3. How to Track Events with 脸书 Pixel 和 Google跟踪代码管理器
  • #3.1 标准 vs 自订 脸书 Pixel 事件s
  • ＃3.2标签+标准事件的触发器
  • #3.3 Test the 标准 脸书 Pixel Event
  • ＃3.4标记+自定义事件的触发器
  • ＃3.5测试自定义事件
  • #3.6 Tips/Ideas on how to track other custom 事件s
• #4. Send 加itional parameters to 脸书 Pixel with Google跟踪代码管理器
  • ＃4.1。例–具有附加参数的购买跟踪
  • #4.2. Test the 事件 with 加itional parameters
  • ＃4.3。奖金– reuse Google Analytics Ecommerce data (from the 资料层) 在 your 脸书 Pixel
  • ＃4.4。测试设置
• #5. What Can You Do with the Data 那 You Have Just Tracked via 脸书 Pixel?
• #6. Other Things to Know about 脸书 Pixel with Google跟踪代码管理器
  • ＃6.1。自动数据检测
  • #6.2. Sending Data to Multiple 脸书 Pixels on the Same Page
  • ＃6.3。高级匹配
• ＃7。用户属性
  • ＃7.1。带有用户ID的变量
  • #7.2. 脸书 Pixel Tag
  • #7.3. Test 脸书 Pixel 用户属性
• ＃8。跟踪之前获取同意（#GDPR或任何其他相关的隐私法规）
  • ＃8.1。同意书
  • ＃8.2。给出同意后会触发的代码
• 脸书 Pixel with Google跟踪代码管理器: Final Words

 

在我们继续之前

如果你 are super new to Google跟踪代码管理器, I recommend that you read my free e-book Google跟踪代码管理器 for Beginners before you continue with this blog post about 脸书 Pixel.

否则，您会感到不堪重负，并可能迷路。

 

A Quick 在troduction to 脸书 Pixel

脸书 Pixel is a solution created by 脸书 that allows you to measure user/visitor behavior on your site 和 then track conversions 要么 build audiences based on the data you send.

一旦将某些JavaScript代码段放置在您的网站上（并根据用户/访问者的行为将其激活），Facebook将开始获取数据。我不会更深入地探讨各种可能性（因为此博客文章更侧重于实现）。但是，如果您是FB Pixel的新手，则可以 在这里获取更多信息.

在 a nutshell, by using 脸书 Pixel you will be able to:

• 创建自定义受众 出于再营销目的（例如，将滚动至少50％，花费至少一分钟的用户或将商品添加到购物车但未购买商品的用户重新定位）。
• 跟踪转化。转化是访问者/用户完成的（对于企业）重要的操作，例如注册，订阅，购买等。通过跟踪转化，您将能够告诉Facebook X访问者已完成所需的操作。这意味着您的报告将显示哪些广告更有效地达成了目标，哪些则没有’t.
• 其他定位机会。通过跟踪某些互动（例如潜在客户或购买），您可以指示Facebook查找更多相似的人，并根据在您网站上进行过转化的用户向他们展示广告。

让’把所有的绒毛放在一边，集中在细腻的一面— technical implementation: how to 加 脸书 Pixel to your site with Google跟踪代码管理器, how to send 事件s, how to implement advanced matching, user properties, etc.

 

How to get 脸书 Pixel code?

首先，让’s go to the 脸书 Pixel Business manager 并获取像素ID（此博客文章的下一章将需要此像素ID。

免责声明： 脸书不断在这里更改用户界面，因此，我的屏幕截图很有可能与您实际看到的不符。实际上，一旦我有一个案例，我的GTM车间中有4个人同时看到了不同版本的界面。所以，如果你不’找不到某个选择，只是继续寻找。

点击右上角的 菜单 图标并转到 活动经理。

然后去 数据源 然后选择您要使用的像素’re 在terested 在.

如果你 don’还没有任何像素，请点击 设定Pixel 并遵循所有必要步骤。

在 one of the steps, 脸书 will offer you several ways to 加 the pixel. Close this window for now.

目前，您的主要目标是获取看起来像这样的Pixel ID（当然，值会有所不同）：

收到后，将其复制（因为我们’在本博客文章的下一章中将需要它）。

 

#1. How To 在stall 脸书 Pixel with Google跟踪代码管理器: Pageview

Back 在 the older days (pre-2019), the only way to 在stall 脸书 Pixel via Google跟踪代码管理器 was by using the 自订 HTML tag template. This meant that you had to work directly with a JavaScript code, edit it a bit, etc.

如今，事情变得更加简单和优雅，因为 西莫·阿哈瓦（Simo Ahava） has created a 脸书 Pixel 自订 Template 和 shared it with everyone. It will make the entire FB Pixel tag management process more convenient 和 less prone to errors.

 

#1.1. Add 脸书 Pixel 自订 Template

如果你 go to 标签> New (in Google跟踪代码管理器) 和 search for “Facebook”, you will not find any tag template. 那’，因为默认情况下，GTM容器中不存在这样的标签。您必须手动添加。

幸运的是，有一个非常方便的功能，称为社区模板库，社区中的任何人（可以编码）都可以创建自定义模板的变量或标签。

在 Google跟踪代码管理器, go to 范本> Tag 范本> 搜索 Gallery 然后在搜索字段中输入 脸书.

您将看到此模板，单击它并将其添加到您的工作区。完成后，新模板将出现在 标签> New > 自订 部分，您将可以在同一容器中的多个代码中多次重用它。

 

#1.2. 脸书 Pixel Pageview Tag

Everything starts with the basic implementation of the 脸书 pixel. 在 other guides (especially 在 the older ones) found online, you might see a term called 脸书 Pixel 基本代码 （或类似的内容）。我接下来的几步’我将演示确切的解释（但不使用术语 基本代码）。

在GTM中，转到 标签> New > 脸书 Pixel 并输入以下设置（如果某些字段在屏幕截图中不可见，那么我没有更改任何内容）：

在里面 脸书 Pixel ID(s) field, enter the Pixel ID you copied 在 the How to get 脸书 Pixel ID? 章节。多亏了此字段，GTM才知道向哪个确切的FB广告帐户发送此数据。

现在，保留所有其他设置不变（暂时）。

将标签设置为开启 所有页面.

 

＃1.3。像素ID的常量变量

剧透警报：对于您要与Facebook Pixel进行跟踪的每次互动，我们都需要创建一个单独的FB Pixel标签。在每个标签中，您都需要定义一个Facebook Pixel ID。

最终，您可能最终得到了50个（甚至更多）将数据发送到Facebook的标签。这意味着您必须手动插入像素ID 50次以上。但是，如果有一天您必须切换到另一个Pixel ID，该怎么办？您将需要手动更改ID 50次以上。

为了使事情更优化，您可以创建一个包含FB Pixel ID的GTM变量，然后在每次需要时重复使用相同的变量。一旦您需要更改像素ID，就可以’我只需要做一次— 在 the Variable.

在GTM中，您可以 变数>用户定义的变量> New > Constant 和 paste your 脸书 Pixel’s ID.

Save the Variable. Then open the previously created 脸书 Pixel pageview tag, 和 在sert the Constant Variable 在stead of plain Pixel ID.

 

#1.4. Test the 脸书 Pixel Tag

现在它’是时候确保您正确实施了所有内容。

GTM预览和调试模式. 在GTM中，启用 预览和调试模式, then refresh the page where you want to 在stall 脸书 Pixel with Google跟踪代码管理器.

At the bottom of the screen, a debug console will appear. Click the Pageview 事件 和 you should see that your 脸书 Pixel tag has fired.

 

脸书 Pixel Helper. The previous tip does not mean that everything was sent to 脸书 Pixel properly! There are other places we need to check. One of them is 脸书 Pixel helper。安装它，您将看到此图标出现在Chrome浏览器的右上角。刷新页面后，如果在页面上实现了Facebook Pixel，则其颜色将变为蓝色，并且您会在该图标中看到一个数字。

点击该图标，然后’的支票。我们看到已跟踪PageView，并且它旁边有一个绿色的复选标记图标。那’很好！如果有装载程序或黄色图标，则表示’d表示可能的问题。但是，绿色图标正是我们想要的。

 

脸书 Pixel Reports

在 脸书 Business Manager, go to 活动经理> 数据源 >选择您的像素，然后 测试事件.

输入您的网站的网址（如果我正在使用自己的网站，则输入 //www.toddblog.net），然后点击打开网站。重定向到您自己的网站后，请返回  测试事件 像素并检查您是否看到了来自您自己设备的浏览量。如果没有任何显示，请返回您的站点并再次刷新页面。

If everything is fine, this means that you have implemented 脸书 Pixel with Google跟踪代码管理器 correctly.

 

#2. Other options on how to 在stall 脸书 Pixel with Google跟踪代码管理器

关于如何安装像素还有其他两种选择，但我’我会简短地提到它们（因为我们还有很多内容要讲）：

• 使用自定义HTML标记手动 （半推荐）。在2019年初之前（自定义模板尚不可用时），这是推荐的方法。
• “Done for you”。我不’推荐这个。

 

＃2.1。使用自定义HTML标签手动安装

在 a nutshell, you just need to copy the entire 脸书 pixel code to the 自订 HTML tag, do modifications directly 在 its code (if you needed) 和 you also had to handle 标签排序 to make sure that 脸书 Pixel base code is already loaded before you try to send some 事件 (or pageview) to it.

Where can you get the full 脸书 Pixel code? Go to your FB Pixel 在 the Events Manager, open your pixel 和 在 the top right corner click 设定> 在stall Pixel.

然后选择 Manually 加 pixel code to website 并复制主要代码：

在 Google跟踪代码管理器, go to 标签> New > 自订 HTML 标记并粘贴代码。<noscript> code 那里没用，因此您可以随意删除它。

 

＃2.2。“Done for you”

When you try to get the full 脸书 Pixel JavaScript code, FB offers you several options on how to 在stall the pixel. One of the options is “Google Tag Manager”.

I highly encourage you NOT to choose this option. You see, this built-in 在stallation option via Google跟踪代码管理器 is a bit tricky.

• You will need to grant 脸书 access to your Google跟踪代码管理器 container (it can 加, delete tags 和 do all the other sorts of things. And I don’不想给予这种许可。）
• 当您授予访问权限时，Facebook会自动将Pixel代码添加到您的容器中，并将立即发布您的容器（无论您是否进行了其他（可能未经测试）更改）。
• 该标签的名称可能与您当前的命名约定不匹配。

So, 在 要么 der to get just one tag created 在 your container that fires on all pages, giving 脸书 access is not a good option.

那’s为什么不应该选择“Google Tag Manager”选项（不管这听起来有多么违反直觉）。当您自己安装容器时，您仍将使用GTM，并将完全控制容器中发生的事情。

 

 

 

#3. How to Track Events with 脸书 Pixel 和 Google跟踪代码管理器

到目前为止，我们设法通过GTM实现了基本的Facebook Pixel实施。但单靠浏览量却没有’告诉很多访问者/用户在您的网站上的活动。访客是否刚降落在页面上然后离开了？还是他/她单击了某些内容，滚动显示，提交了表格并进行了购买？

那’s where 事件 tracking is super important. Only by providing 脸书 with 加itional 和 quality data, you can expect to get the most out of it.

When it comes to 事件 tracking with 脸书 Pixel, there are two types of 事件s:

• 标准
• 自订

 

#3.1 标准 vs 自订 脸书 Pixel 事件s

根据 the official 脸书 documentation, standard 事件s 是访问者/用户可以在网站上执行的最常见操作。 脸书认可并支持所有广告产品中的事件。这些事件可用于建立受众群体并优化转化。

这里 are the standard 事件s FB像素支持：

• 页面预览
• AddPaymentInfo
• 添加到购物车
• 加入收藏
• 完成注册
• 联系
• 定制产品
• 唐ate
• 查找位置
• 发起结帐
• 铅
• 采购
• 时间表
• 搜索
• 开始试用
• 递交申请
• 订阅
• ViewContent

附言该列表可能会在将来进行更新（因为过去已经发生过几次）。

标题几乎是不言自明的。因此，如果您要跟踪该列表中提到的交互，请绝对使用标准事件。

自订 事件s are the 在teractions that do not fall 下 the categorization of standard 事件s. 例如：

• 滚动
• Time on page (e.g. when you fire an 事件 after visitor spends 5 minutes on a page)
• 看过某个元素
• 出站链接点击
• 视频播放等

It’完全取决于您的想象力。但是，请记住一件事：尽管您仍然可以通过自定义事件来建立自定义受众，但是您不能在Facebook Ads中将其用于转化优化。 脸书根本不知道某个自定义事件的含义。

With standard 事件s, 脸书 knows that a 采购 is more important than a ViewContent, while the 自订 事件s like 滚动式 和 取消订阅 处于相同的不确定性水平。

 

＃3.2标签+标准事件的触发器

让’s say that you want to track when someone enters his/her email on your landing page. Looking at the list of possible standard 事件s, this one should be considered as a 铅. 让’创建一个标签，该标签将发送“Lead” 事件 to 脸书.

在 Google跟踪代码管理器, go to 标签> New > 脸书 Pixel 并输入以下设置：

As you can see, 在 the 活动名称 field we chose 铅。现在，将所有其他字段保留为空。您需要定义的另一件事是触发器（必须触发此标签的条件）。

这很大程度上取决于您要跟踪哪种交互。触发器是一个完全不同的故事，需要您学习很多东西。

如果我们对跟踪线索感兴趣，显然，我们必须处理表格。虽然我不会更深入地介绍如何执行此操作’关于以下内容的非常详尽的指南 how to track forms with Google跟踪代码管理器.

如果你 feel that you struggling with tracking 在teractions on your own, you might need to ask a developer for help. A developer will have to push data to the 资料层 并且您将需要使用 自定义事件触发 to catch that data.

至于铅，让’s假设访问者（输入电子邮件后）被重定向到“Thank you” page www.example.com/谢谢。我们可以创建一个Pageview触发器，如果​​页面URL包含/ thank-you就会触发。

但是请记住，表单跟踪是如此的细微差别，您的触发器看起来可能大不相同。

 

#3.3 Test the 标准 脸书 Pixel Event

创建标签和触发器后，保存所有内容。然后刷新（或启用） GTMpreview 和 debug mode，刷新您要使用Facebook Pixel跟踪该事件的页面。完成该互动。在我的示例中，该互动是在目标网页上输入电子邮件，然后将其重定向到“Thank you” page.

由于我的触发器是基于 页面预览，我在预览和调试控制台中单击…

… 和 then check whether my 脸书 Pixel tag (related to a lead) has fired. If 是, that’s a good start! 如果你 are struggling with debugging Google跟踪代码管理器 setups, 阅读本指南.

下一步（就像使用FB Pageview标记一样）是检查Facebook Pixel Helper。 铅标签触发后，单击Pixel Helper’s图标，并检查是否在a旁边看到绿色图标 铅 事件.

The final step is to test the reports 在 脸书 Business Manager. Go to 活动经理> 数据源 >选择您的像素，然后单击 Test 事件s。检查是否看到 铅 事件 there.

 

＃3.4标记+自定义事件的触发器

在此示例中，假设有人要按下 玩 登陆页面上的嵌入式Youtube视频播放器中的按钮。首先，让’创建一个标签。去 标签> New > 脸书 Pixel 并输入以下设置。

我们希望仅当有人单击“播放”按钮时才触发此标签，因此，我们需要为此创建一个Youtube视频触发器。点击 触发方式 section 在 your 脸书 Pixel tag 和 then click the 加 右上角的图标。然后点击 触发配置> Youtube video 并输入以下设置（您可以根据需要添加更多设置，例如 进展））：

Save the trigger 和 it will be automatically 加ed to your 脸书 Pixel tag.

By the way, if you want to 加 some 加itional data to the custom 事件, you can do that by going to 对象属性 并添加您需要的任何自定义参数，例如（变量​​I’两者都内置在GTM中。您只需要启用它们 变数> Built-in 变数> Configure.）：

 

＃3.5测试自定义事件

测试原理与＃2.3中描述的完全相同。此博客文章的一章（与测试标准事件有关）。您的目标是确保：

• The 脸书 Pixel tag fires
• 脸书 Pixel helper shows the green icon next to that 事件
• 测试事件 section 在 脸书 活动经理is showing the 事件 that you’ve just sent

 

#3.6 Tips/Ideas on how to track other custom 事件s

It depends solely on your imagination which custom 事件s are you going to track. 如果你’re not sure about Google跟踪代码管理器’的潜力，这里有一些想法：

• 如何使用GTM跟踪视频
• 如何跟踪文件下载
• 如何跟踪出站链接点击
• 如何追踪表格
• 如何追踪点击

 

 

 

#4. Send 加itional parameters to 脸书 Pixel with Google跟踪代码管理器

使用Facebook Pixel，您不仅可以发送事件，还可以发送其他值（例如，订单总数，视频标题等）。实际上，在前面的自定义视频事件示例中，我们已经做到了。

你可以找到一个完整的 此处支持的标准参数列表.  The majority of them are optional. 如果你 are working with a custom 事件, feel free to come up with any custom parameter you want.

说到标准活动，只有 采购 事件 requires 货币 和 值。

另外，通过查看文档，您可以查看Facebook期望哪些字段。我的意思是，如果您发送AddToCart事件并想发送一些自定义数据（例如产品价格等），则Facebook像素会期望 content_ids，content_name，content_type，内容，货币，值。这些都不是必需的 添加到购物车.

因此，当您计划传递一些参数时， 参考此页 和 check the table of standard 事件s + their parameters.

让’例如，跟踪购买并查看应如何配置GTM标签。

 

＃4.1。例–具有附加参数的购买跟踪

想象一下，访客进行购买后，他/她被重定向到“Thank you”页。在那一页上，我’ve asked a 开发者推 交易数据到 资料层.

这里’是开发人员激活的代码段（包含交易信息）。我从其他指南中了解了 通过GTM进行标准电子商务.

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'event' : 'transaction',
 'currencyCode' : 'EUR',
 'transactionId': '1234',
 'transactionAffiliation': 'Acme Clothing',
 'transactionTotal': 38.26, 
 'transactionTax': 1.29,
 'transactionShipping': 5,
 'transactionProducts': [{
   'sku': 'DD44',
   'name': 'T-Shirt',
   'category': 'Apparel',
   'price': 11.99,  
   'quantity': 1 
 }]
});
</script>

请记住，此代码包含伪值。开发人员应在自己的代码中编写一些功能和自定义逻辑，以用购买的实际数据替换虚拟值。

查看官方FB Pixel文档，需要两个字段：

• 收入
• 货币

让’发送给他们。看我的示例数据层代码，我们有两个键’re 在terested 在: 货币代码 和 交易Total. We could reuse them 和 send their 值s to 脸书 Pixel. To do that, first, let’s create two 数据层变量 具有以下设置：

重要：这些值区分大小写，因此输入  货币代码，不是 货币代码.

Then, create a 脸书 Pixel Tag with the following configuration:

如您所见，我’ve将两个变量都插入了 对象属性 部分。 On the left side, you can see the name of the parameter that 脸书 is expecting (货币 和 值），然后将数据层变量设置为这两个参数的值。

用言语，我们将发送“EUR” as a 货币 （因为“EUR” is the 值 of the 货币代码 在数据层中）和 38.26 因为那个’s the 值 of the 交易Total 在数据层中）。

接下来，点击 触发方式 section 在 your 脸书 Pixel tag 和 then click the 加 右上角的图标（我们将创建一个新触发器）。然后点击 触发配置> 自订。我们想要那个 dataLayer.push （包含交易数据）用作触发器。

在里面 自定义事件触发器，输入 交易 事件 name （因为that is the 值 of the ‘event’键入该dataLayer.push）。

保存触发器，然后保存标签。

 

#4.2. Test the 事件 with 加itional parameters

现在它’是时候测试设置了。刷新你的 预览和调试模式，请转到您的网站，刷新并完成购买。到目前为止，您应该已经知道该练习：

• Check whether the 脸书 Pixel tag has fired upon the 采购 (in my case, I should click the 交易 事件 在 the debug console 和 then check whether the tag has 在deed fired).
  
• Check whether the 采购 事件 has a green icon next to it. Also, expand the 事件 to see if all the parameters were sent as 在tended.
  
• Check whether the 事件 with custom parameters is displayed 在 the 测试事件 FB Events Manager界面的部分。检查一下 第3.3章。 to learn more.

 

＃4.3。奖金– reuse Google Analytics Ecommerce data (from the 资料层) 在 your 脸书 Pixel

让’假设我们有相同的情况（购买后，访问者被重定向到“Thank you”页），但数据层的结构不同。它是为GA增强型电子商务专门创建的（请参见以下示例）：

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  事件: 'eec.purchase',
  ecommerce: {
    货币代码: 'EUR',
    采购: {
      actionField: {
        id: 'abc123',
        revenue: '11.99',
        shipping: '2.00'
      },
      products: [{
        id: 'product1',
        name: 'Cool Product',
        brand: 'Some cool brand',
        quantity: 2,
        price: '3.50'
      }]
    }
  }
});
</script>

如果你’对此不熟悉的是，为了实施增强型电子商务，开发人员必须以Google要求的非常严格的结构来实施电子商务数据。

但是，当您意识到Google ’的电子商务结构不受Facebook Pixel支持。幸运的是，Facebook Pixel标记模板支持该功能，并且可以自动转换Google’将EE数据转换为Facebook友好格式。

 

＃4.3.1。启用增强型电子商务支持

那 automatic “EE to FB Pixel” feature 在 the tag template supports the following 事件s 在 脸书 Pixel:

• ViewContent（基于“detail”在增强型电子商务中）
• 添加到购物车（基于“add”在增强型电子商务中）
• 结帐（基于“checkout”在增强型电子商务中）
• 购买（基于“purchase”在增强型电子商务中）

So, do you need to create separate 脸书 Pixel tags for each 事件? Actually, it’由您决定。有两种解决方法：

• You can create a separate FB tag for each 事件 (that’总共4个标签+ 4个触发器）
• Or you can create one tag + 1 trigger. 那 trigger will fire on ViewContent，AddToCart，结帐或购买. 脸书 Pixel tag will automatically adapt 和 will send the proper 事件 + e-commerce data.

在这篇博客中，我’将显示第二个选项。

在 Google跟踪代码管理器, go to 标签> New > 脸书 Pixel 并输入以下设置：

这里最重要的部分是启用“增强的电子商务数据层集成”复选框。完成后，您会注意到“Event 名称” field changes to “从dataLayer自动设置”.

那’神奇发生的地方。那里’您无需在标签级别上做任何其他事情，但是，您需要为此创建触发器。

 

＃4.3.2自定义事件触发器

如果你 take a look at the Enhanced Ecommerce dataLayer.push （第4.3章），您’ll see an ‘event’其值是‘eec.purchase’. 让’可以想象，其他增强型电子商务dataLayer.push’es遵循相同的命名约定：

• eec.addToCart for 加 to cart
• 细节 for product 详情 view
• 电子结帐 for the 查看 steps.

我们现在需要做的是创建一个触发器，该触发器将在 任何 of the aforementioned 事件s (including 购买）推送到数据层。

那’这就是为什么我们需要去 扳机>触发配置> New > 自订 Event 然后输入

eec \。（购买| addToCart |详细|结帐）

然后，点击 使用正则表达式匹配 复选框。我们所做的是指示GTM继续寻找 购买, 要么  eec.addToCart, 要么 other 事件s defined 在 that regular expression.

如果你’对于RegEx来说，它是个新手，我强烈建议您更深入地研究它。

What if your project is using different 事件 names for Enhanced Ecommerce dataLayer.push? For example, 详情Info, 查看Info, 采购Info, 加ToCartInfo.

在这种情况下，最简单的方法是将所有输入都输入到触发器中，并用管道将它们分开。 ， 例如 详情Info|checkoutInfo|purchaseInfo|addToCartInfo .

在正则表达式中，管道|手段“OR”.

 

＃4.4。测试设置

现在它’是时候测试标签了。刷新预览模式，刷新在其中实现此功能的网站/在线商店。

转到产品页面，将其添加到购物车，开始结帐，然后进行购买（重要：您必须通过Google跟踪代码管理器实施了增强型电子商务，并且必须将电子商务数据推送到数据层）。在每个步骤中，您’ll see a new dataLayer.push 在预览模式下’s的左侧。单击它，您应该会看到已触发FB Pixel标签。

然后检查FB Pixel Helper。这次，您可能不会看到绿色图标。相反，你’将面临与此类似的警告。这是发送到Facebook的购买事件的示例。

如果你 are not using 脸书 Pixel 动态再营销，您可以忽略这两个警告。相反，请检查其余购买数据是否正确发送：

Finally, go to the 脸书 活动经理and check whether the data that was received is correct. Note: that report will also show the same warnings 像素和目录未配对 和 缺少产品参数。同样，如果您不使用动态再营销，请忽略这些警告。

 

#5. What Can You Do with the Data 那 You Have Just Tracked via 脸书 Pixel?

这个问题超出了本博客文章的范围，因此，我’我会很快提到可能性：

• By sending 事件s to 脸书 Pixel, you can create 自定义转化
• 您也可以建立 再行销目标对象
• 针对转化进行优化

 

 

 

#6. Other Things to Know about 脸书 Pixel with Google跟踪代码管理器

此博客文章的前5章介绍了通过GTM实现FB像素应了解的关键事项。但是那个’不是列表的末尾。在下面，您会发现其他可能有用的内容。但是，除了详细介绍它们之外，我将简要介绍一下，或者提供链接以供您单独研究。

 

＃6.1。自动数据检测

By following steps 在 this guide, you probably have already noticed that 脸书 Pixel Helper shows things like 自动检测微数据 要么  按钮单击自动检测。 这就是所谓的 自动数据检测.

脸书 Pixel tries to capture various 加itional data on your page. However, I don’t信任自动跟踪解决方案，因为它们最终也可能捕获大量垃圾数据。

那’s why I usually disable this feature. 如果你 want to do the same, go your 脸书 Pixel tags > More Settings 并勾选 禁用自动配置 checkbox. Do that 在 all 脸书 Pixel tags.

 

#6.2. Sending Data to Multiple 脸书 Pixels on the Same Page

在某些情况下，您必须将数据发送到多个Facebook Pixel，例如，一个像素仅用于部门，而另一个像素则用于整个公司。对于Facebook Pixel而言，这不是问题，’使用Simo相当容易’的Facebook Pixel标签模板。

如果你 want to set the tag to send data to multiple pixels, just enter them 在 the 脸书 Pixel ID(s) field, separated with comma.

或者，您可以在常量变量中输入多个ID。

或者，您可以分隔多个常量（每个变量都包含一个FB Pixel ID）。

所有这些选项都将起作用。

 

＃6.3。高级匹配

脸书 Pixel Advanced Matching使广告商能够将其客户数据（例如电子邮件地址，电话号码和其他人口统计数据）连接到其Facebook广告系列，因此可以更精确地定位。

换句话说，连同事件，您还可以向Facebook用户发送’的电子邮件地址，电话号码，性别，城市等。重要提示：所有这些信息均被视为个人身份信息（PII），在发送此数据之前，您需要获得用户/访问者的同意（I’稍后会提到更多信息）。

When you send personal 在formation as Advanced Matching parameters, 脸书 Pixel automatically hashes that data by using the SHA-256 hashing algorithm.

首先，我将展示如何在Google跟踪代码管理器中设置高级匹配。让’假设您使用的网站可以让用户登录并使用您的服务。您可以要求开发人员将以下数据推送到数据层（并在加载GTM容器代码之前执行此操作）：

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event' : 'userData',
  'userId' : '123abc',
  'email' : '[email protected]',
  'city' 'newyork',
  'gender' : 'm',
  'country' : 'us'
});

请记住，上面的代码只是一个伪代码/示例。您的开发人员’代码应使用一些实际的用户数据替换这些占位符值。

 

＃6.3.1。数据层变量

对于您要访问的每个数据点，’我需要创建一个单独的 数据层变量， 例如：

对其余数据点执行相同操作。

 

＃6.3.2。在FB Pixel标签中设置参数

Now, go to 标签and open your 脸书 Pixel Pageview tag.  Tick the 启用高级匹配 复选框和一个新 自定义信息数据参数 部分将会出现。

展开该部分，然后输入以下设置。因为我有电子邮件，城市，性别和国家，所以我’分别为每个创建一个单独的行，选择合适的行 参数名称 和 then 在sert my 资料层 变数in the 参数值 柱。

You can do the same for all of your 脸书 Pixel tags. However, it’对于PageView标记完全可以做到这一点（通常，它会在页面加载时触发第一个）。

 

＃6.3.3。测试设置

Check the 脸书 Pixel Helper. You should see the Advanced Matching Parameters that were sent:

另外，您还应该在 测试事件 部分。

 

＃7。用户属性

Update: 脸书 deprecated 用户属性 在 June 22, 2020. I am not aware of alternatives for this at the moment.

用户属性是您为网站用户定义的属性和值，它们使您可以更好地了解受众。用户属性的一个示例可以是user’s pricing plan.

如果你 are familiar with Google Analytics custom dimensions, think of 用户属性 on 脸书 like User-scoped custom dimensions 在 Google Analytics.

要实现用户属性，您需要：

• Send the 用户身份 to 脸书 Pixel. 那 用户身份 is some identifier that you use 在 your own database. 重要： PII (like email 加ress) cannot be used as a 用户身份 在 脸书 Pixel
• 然后，您需要将用户属性发送到FB Pixel。

There are two types of 用户属性 在 脸书 Pixel, predefined (standard) 和 custom.

实施用户属性后，您将可以在 脸书 Analytics Dashboard 下 人> User 属性（仅适用于自定义属性）。您可以了解有关 用户属性的限制和要求.

让’s take a look at how can we implement this with Google跟踪代码管理器.

 

＃7.1。带有用户ID的变量

Where can you get the 用户身份? 那 depends on your website. You can ask a 开发者推 the 用户身份 to the 资料层 (just like 在 chapter #6.3），也可以尝试以其他方式获取它。在我的 GA指南的用户ID，我提到 其他几种选择.

I’会继续与 dataLayer.push（） 第6.3章中的代码段，并将访问 用户身份 键。去 GTM> 变数>用户定义的变量> New > 数据层变量 并输入以下设置（区分大小写）：

I’给这个变量一个 dlv– 用户身份 名称。

 

#7.2. 脸书 Pixel Tag

现在它’s time to pass the 用户身份 to 脸书 Pixel. Go to 标签and open your Pageview tag 并勾选 启用用户属性 复选框。然后展开 用户属性 部分和 用户身份 字段，插入返回用户ID的变量。就我而言’数据层变量I’ve just created.

现在它’是时候发送用户属性了。在第6.3.1章中。我们创建了一堆变量，这些变量返回城市，性别，国家/地区等数据点。我们现在应该将它们插入 用户属性 部分。按添加属性，将出现一个新行。由于我们有3个可用作属性的变量（不能使用电子邮件），因此’s相应地输入它们。

标准属性的名称必须以美元符号（$）开头。城市，性别和国家/地区是所有标准属性，因此，这里’s我们应该在FB像素标签中输入的内容：

这是所有预定义属性的当前列表。将来，该列表可能会更改：

• $ account_created_time –创建用户帐户时的UNIX时间戳记
• $ city –用户居住的城市
• $国家 –用户居住的国家
• $货币 –用户的首选币种
• $性别 –用户的性别。为了获得一致的分析，请将其设置为 m 要么 f.
• $ 在stall_source –用户安装您的应用程序的来源
• $语言 –用户的首选语言
• $州 –用户所处的状态
• $ user_type –用户的类型。您定义类型以获取所需的分析结果。
• $ zipcode –用户的邮政编码。

你总是可以 参考这个清单 以获取最新信息。

如果你 want to pass some custom user property, like pricing plan, don’在您的设置中使用$符号，例如：

 

#7.3. Test 脸书 Pixel 用户属性

你知道该怎么做。现在，刷新预览模式，然后刷新您的页面’正在努力。然后检查您的Facebook Pixel标签是否已启动，以及Facebook Pixel助手是否正确显示了所有（已发送的）数据点。

但是，请记住，您可以为“城市”或“国家/地区”等字段发送正确的（完整）值（此处没有严格的规则（如“高级匹配”中的规则））。

As for the User Property debugging 在 the 脸书 活动经理or 脸书 Analytics，那部分很烂。根据我的经验， 事件测试 在 脸书 活动经理nor 脸书 Analytics > 活动> Event Debugging 将显示用户属性。

验证的唯一方法是稍等片刻，然后尝试使用类似 活动> 分解s 在FB Analytics中。在这些报告的下拉菜单中，您应该很快就会看到您的媒体资源。如果我’我错了（您知道一个好的解决方案），请在评论中让我知道。

如果（将来）要删除一些未使用的属性，则可以在 人> 用户属性 报告（在FB Analytics中）。

 

#7.4. Where can you see 用户属性 在 脸书 Analytics?

请记住，当我之前提到用户属性可以在 人> 用户属性 在 脸书 Analytics？这适用于自定义用户属性（例如 标价计划）。标准属性不会在此处列出。

但是，可以使用用户属性（预定义和自定义）的地方之一是 分解s 报告。

 

＃8。跟踪之前获取同意（#GDPR或任何其他相关的隐私法规）

最后但并非最不重要的一点—用户隐私。您可以使用Google跟踪代码管理器在Facebook Pixel中设置的所有内容都很简洁，但是，除非获得访问者/用户的同意，否则您将无法做到这一点。像GDPR这样的法规可以保护用户’隐私，并要求企业在将数据发送到Facebook Pixel之前（但不仅限于此）获得用户/访问者的同意。

I’我不是律师，所以请不要’问我法律建议。改为与您的法律部门联系。

With Google跟踪代码管理器, you can control how your tags fire depending on whether a visitor/user gave consent for marketing purposes.

如果你 want to learn how to implement a cookie consent mechanism on your site via Google跟踪代码管理器, 您应该先阅读本指南.

实施同意机制后，’最后会产生一堆阻止触发器和与同意相关的变量。

通常，您将使用阻止触发器（’这是我过去建议人们做的事情）。现在，FB像素提供了一项很酷的功能，使管理有些不同。当然，您仍然可以按照我的指南进行操作’的一般准则，并使用阻止触发器。但是，新的解决方案（由Facebook开发）功能更强大。

为什么？因为使用最新的解决方案，即使未获得您的同意，我们也将继续触发标签，但是不会发送数据。它将被添加到队列中。访客同意后，队列中的所有事件都将下注到Facebook。

例如：

• 访客登陆您的页面
• 滚动s down (the FB tag is fired 和 the 事件 is 加ed to a queue)
• Stays on a page for 1 minute (another tag fired 和 the 事件 is 加ed to a queue)
• 访问者通过单击弹出窗口（或栏中的按钮）表示同意
• All the 事件s that were 在 the queue will be sent to a 脸书 pixel. This means that 事件s before the consent will not be lost.

重要： 如果页面被重新加载/刷新，用户导航到另一个页面（在同意之前），队列将被清除。

 

＃8.1。同意书

在里面 脸书 Pixel tag, you will see a drop-down called 同意。 By default, its 值 is set to 真正 (meaning that when the tag fires, the data is sent to 脸书). However, if you implement the cookie consent solution I’ve described here 或类似的东西，你’会有几个像“同意行销”, “同意统计”, etc.

这些变量应返回 真正 要么  假 取决于用户/访问者是否同意跟踪。

When it comes to 脸书 Pixel, we will need to use a variable that is related to Marketing consent. 在 my case, that is 正则表达式-允许定位Cookie （如果您也可以 实施此解决方案）：

在 获得同意（GDPR） 领域。 重要：此字段接受 真正 要么  假。因此，如果您的变量返回不同的值，例如 是 要么 没有， 您可能需要使用正则表达式，查找或其他可转换输出的变量。

 

＃8.2。给出同意后会触发的代码

在 要么 der to send all the 事件s that are waiting 在 the queue, we must send any 事件 that contains the 同意：真实. For that, I usually use the 自订 事件 called 同意 （您可以随意命名）。

这是该标签的配置：

触发很大程度上取决于您实施了哪种Cookie同意解决方案。某些设置使用“自定义事件”触发器 同意营销, others might use a different one. So just make sure that you fire the aforementioned custom 事件 tag only when the consent for marketing purposes was given.

如果你 have 实现了这个解决方案，则触发器可以如下所示：

抱歉，在这里没有具体说明，答案“这取决于” 这里太强大了

 

脸书 Pixel with Google跟踪代码管理器: Final Words

ew！它’自上次我写了这么长的博客文章以来已经有一段时间了。尽管平均帖子约为3000个单词，但该帖子超过7k。老实说，还有更多的事情要讲。但是，我认为’以上共享是最重要的，适用于大多数设置。

So when it comes to the implementation of 脸书 Pixel with Google跟踪代码管理器, here are the key takeaways:

• Use the 自订 脸书 Pixel Tag Template for easier management
• 唐’t limit yourself just with pageviews, track 事件s as well
• It is recommended to rely on standard 事件s as possible (FB will use that for conversion optimization)
• However, if custom 事件s are still available for building audiences 和 conversions
• It’s fairly easy to send the data to multiple 脸书 Pixels at once
• 考虑使用高级匹配和用户属性
• Get consent before sending data about your visitors/users to 脸书
• Always thoroughly test. Check the preview mode, 脸书 Pixel helper, FB Events Manager’s 测试事件 部分。

那’s about it for this time. 如果你 face some struggles related to the implementation of 脸书 Pixel via Google跟踪代码管理器, let me know 在 the comments 和 we’看看我们能做什么。