如何在眨眼间在 WordPress 上安装 Facebook 像素

以我的微小测量——我是 1 像素高乘以 1 像素宽——我完全没有注意到。

所以，是的，我真的很矮。 但是，哦，我有多强大。 非常非常强！

我不会给你我的自画像。 我说的怪人是 Facebook 像素。

如果您还没有使用它，请知道，如果您在 Facebook 和/或 Instagram 上做广告，并且想要最大化您的 ROI（投资回报率），那么这是在您的网站上紧急安装的工具。

在这篇文章中，我将逐步详细说明要遵循的过程。 我会告诉你这个神奇标本的所有秘密。

现在，这是概述。

最初写于 2020 年 3 月，本文于 2021 年 11 月更新。

您最好的 WordPress 项目需要最好的主机！

WPMarmite 推荐 Bluehost：出色的性能，出色的支持。 所有你需要一个好的开始。

试试 Bluehost

什么是 Facebook 像素？

它是一种分析工具，可让您访问与访问者在您的网站上执行的操作相关的数据（例如按钮点击、转化、页面浏览、购买等），从而衡量和优化您的 Facebook 广告。

只要您在世界排名第一的社交网络上创建了一个广告帐户，您就可以自动免费访问它，每月也有超过 20 亿人使用该社交网络。

Facebook 群组于 2021 年 10 月更名。现在称为 Meta，包含多种工具：Facebook、Instagram、WhatsApp、Oculus 等。

如果我们必须粗略比较，假设它是一种特定于 Facebook 的 Google Analytics。

但是让我们举一个具体的例子来解释它的用处。 让我们假设您有一个 WooCommerce 商店，您可以在上面销售粉丝。

一旦有人在您的网站上执行操作（例如查看您的第一销售粉丝的页面），就会触发 Facebook 像素。

然后，您将能够在他们的 Facebook 或 Instagram 信息流上向他们发送有针对性的广告，以提醒他们您出色的在线商店出售超高效的刷新粉丝（如果他们还没有结账，是时候让他们结账了已经）。

你明白了主要的想法：在这种情况下，目标是帮助你进行更多的销售，并提高你的转化率（例如，执行访问者的特定操作，例如下载 PDF）。

好吧，这一切都很好，但是你必须问自己这些东西是如何机械地工作的？

我会马上给你详细的。

事实上，Facebook 像素是一段 JavaScript 代码，其中包含 1 像素高 x 1 像素宽的图像，因此得名。

看，它看起来像这样：

我已经为您提供了与所述图像对应的代码，以便您理解。

显然，这个小小的“告密者”，可以说是肉眼看不见的。 您可以通过在浏览器的新选项卡中粘贴图像的地址（在上面的屏幕截图中以 https://www.facebook.com/tr? 开头）来进行测试：您将看不到任何内容，空白页.

对于其余的，就在下面，你需要睁大眼睛。

帮助您制作更好广告的分析工具

我希望您已经了解我们的小型间谍工具是如何工作的。

为了让您流口水，您将立即发现它如何帮助您制作更好的广告，以及它可以为您做什么。

首先，稍微提醒一下。 正如 Facebook 解释的那样：

设置 Facebook 像素后，当有人在您的网站上执行操作时，该像素就会触发。 操作示例包括将商品添加到他们的购物篮或进行购买。 像素接收这些操作或事件，您可以在事件管理器的 Facebook 像素页面上查看这些操作或事件。

来源：商业帮助中心 关于 Facebook Pixel

现在，您手头有大量数据可以分析访问者的行为，当然还有优化您的广告。

这将允许您：

建立相似的受众

类似受众，Facebook 也称他们为相似受众。

由于像素收集的数据，您将能够接触到与您当前访问者具有相同个人资料的人，因此“可能对您的业务感兴趣” 。

这将使您能够更准确地定位您的广告，并且您还将能够接触到以前从未访问过您的网站的受众，从而扩大您的潜在客户群。

重新定位

您是否有兴趣向已经对您的产品或服务提供初步兴趣的人广播广告？

可以通过重定向来实现。 在这种情况下，您将定位访问过您的网站或特定页面但尚未完成所需过程的互联网用户。

让我们以我们的在线粉丝商店为例。 由于重新定位，您将能够向已将粉丝添加到购物车但尚未付款的人发送广告。

简而言之，你告诉他们： “嘿，你，记住，你快买完了！ 现在，您所要做的就是提供您的付款信息。 为此，请回到我的网站，就在这里！”

加入 WPMarmite 订阅者

获取最新的 WPMarmite 帖子（以及独家资源）。

现在订阅

跟踪您的转化

Facebook 像素还可以让您了解访问者在点击您的广告后在您的网站上采取了哪些操作。

这称为转换，它可以指几件事：

• 在购物车中添加产品。
• 购买产品。
• 填写表格。
• 订阅您的时事通讯等。

由于收集到的数据，您将能够衡量您的结果，计算您的 ROI（投资回报率），当然还可以在必要时纠正您的作案方式。

例如，如果您的广告旨在让您的访问者填写表单，但转化率似乎很低，则可能您的表单设计不当，需要重新设计。

简而言之，正如 Facebook 所说，Facebook 像素允许您衡量广告的结果并通过让您接触到“适当的受众”来优化它们。

谁参与？

从逻辑上讲，Facebook 像素的“优先”用户是在… Facebook 上做广告的人（但也在 Instagram 上，因为这个社交媒体是 Meta 的财产——前 Facebook——它的广告可以从 Facebook 业务管理器中设置） .

如果您还没有这样做，但可能计划有一天这样做，那么安装这段代码可能仍然值得。

Facebook 将开始收集有关您的访问者的信息。 一旦您准备好将自己定位在起跑线上，您就可以访问所有需要的信息，从而获得良好的开端。

您现在知道我们著名的像素可以为您带来什么，以及您是否需要它。

不过顺便问一下，这个著名的 Facebook 像素是怎么诞生的呢？ 使用说明在下一部分。

如何创建 Facebook 像素

为了在 WordPress 上安装 Facebook 像素，您必须首先创建一个 Facebook 广告帐户（如果您还没有）。

您可以通过 Facebook Business Manager 仪表板执行此操作。 这是一个管理您的广告帐户、专业页面等的免费平台。社交网络在此页面上解释了如何执行此操作。

接下来，您可以转到广告管理器。

单击页面左上角的汉堡菜单，然后单击事件管理器。

然后，单击蓝色的+ 连接数据源按钮。

然后将打开一个新窗口并询问您：

• 您的网站。 这是我们将在此处选择的选项，因为我假设您希望连接您的 WordPress 站点“以共享在线活动，包括查看内容、添加到购物车和购买事件”作为 Facebook 详细信息。
• 您的移动应用程序。
• 离线。
• 您的客户关系管理。

然后给你的像素起个名字，然后点击蓝色的“创建像素”按钮。

最后，输入您网站的 URL，然后单击蓝色的“验证”按钮。

如果检测到与 Facebook 的合作伙伴之一（Shopify、Squarespace、WordPress）集成，Facebook 会通知您。 是的，它适用于 WordPress！

单击“下一步”后，Facebook 会为您提供关联您的 WordPress 帐户，方法是安装其内部插件，称为 Facebook for WordPress。

它可能非常合适，但它有两个主要缺陷：

• 它的评分很低（5 颗星中的 3 颗星），这并不能真正激发信心。 在撰写本文时，最近的一些用户反馈表明该插件破坏了他们的网站。
• 插件的描述在激活后指出， “更新后，由于已知问题，该插件可能会被停用” 。 我们知道更令人放心的……
• 有了它，您将无法从 WordPress 仪表板做任何事情。

所以，让我们忘记它吧。 出于本教程的目的，我们将重点介绍另一个更完整的免费插件，用于在 WordPress 上安装 Facebook 像素：Pixel Cat。

在下面了解它。

使用 WP Rocket 加速您的网站

使用 WordPress 专家认可的最强大的缓存插件将您的网站变成火箭。

试试 WP 火箭

如何使用 Pixel Cat 插件在 WordPress 上安装 Facebook 像素？

最初，本文介绍了另一个插件：Pixel Caffeine。 非常实用且易于使用，在编写此更新时已不再相关。 自 2021 年 10 月 1 日起，其开发人员已表示不再支持开发新版本或更新。
虽然您可能仍然可以在阅读本文时在您的网站上激活它，但我们建议您不要再使用它（例如，过时的插件可能存在安全漏洞）。

Pixel Cat 拥有 50K 的活跃安装量，是在 WordPress 上安装 Facebook 像素的最著名插件之一。

我们还要注意它的更新频率很高。 即使它的评价低于其主要竞争对手（PixelYourSite），我发现它的界面更适合初学者（它还允许创建更多事件）。

正如您将看到的，它也非常易于使用。

Pixel Cat 将允许您直接从 WordPress 仪表板使用 Pixel 的一些功能，例如创建事件。

要安装 Pixel Cat，请转到 WordPress 网站的管理，然后按照以下路径操作：插件 > 添加新的。

安装并激活插件。 在其设置页面的“主要”选项卡上，单击“添加像素”按钮将 Facebook 像素添加到您的网站。

然后将突出显示一个弹出窗口。 您所要做的就是输入像素的 ID，您可以在事件管理器中找到该 ID。

点击“添加”按钮：

还有什么？ 好吧，这一切都很好！ 恭喜，您的 WordPress 上的 Facebook 像素现已安装。 我将在本文的第 4 部分向您展示如何检查它是否正常工作。

要设置您的广告，我建议您使用 Facebook 广告管理器，它比 Pixel Cat 更完整。

尽管如此，后者允许您在保留 WordPress 的同时进行一些调整，这可能适合您。

例如，您可以根据网站访问者执行的某些操作设置事件：访问页面、单击链接、将鼠标悬停在元素上。

Pixel Cat 还允许您在 WooCommerce 上激活 Facebook 像素。 您将能够根据访问者在您网站上的浏览内容（产品、类别等）在 Facebook 或 Instagram 上通过广告动态重新定位访问者。

下载像素猫插件：

你一切都好吗？ 我打赌你已经放弃了一个很大的“是”，所以让我们继续吧！

如果您不想在您的网站上安装额外的插件并且不怕弄脏您的手，您也可以手动安装您的像素。

这是下一部分的主题。

如何手动安装像素？

为此，请返回您的 Facebook 广告帐户（在事件管理器中），然后单击Continue Pixel Setup 。

在下一个窗口中，选择“手动安装代码”。

然后，您将可以访问像素的 JavaScript 代码，您可以将其复制并粘贴到您的 WordPress 网站上：

从上面的截图可以看出，Facebook 建议您将像素代码粘贴到标签的正上方。

但是，最合适的方法是将代码片段粘贴到您的子主题的functions.php文件中。

这个秘密的小东西通过以下路径位于您的主题文件夹中： wp-content > 主题 > 主题名称 > functions.php 。

如果您使用子主题（干得好！）：将父主题中的functions.php文件复制并粘贴到子主题文件夹中。

然后打开functions.php并在文件末尾添加以下代码。 记得粘贴 Facebook 像素代码而不是文本 /* 此处的像素代码 */，当然：

 add_action('wp_head', 'wpm_add_fbpixel');
函数 wpm_add_fbpixel(){
?>
/* 这里是像素代码 */
<?php
};

保存您的文件，您可以放松一下，一切顺利。 呸，一切顺利！

在 WordPress 上使用 Facebook 像素之前的最后一次技术检查：检查它是否正常工作！

如何知道您的像素是否适用于 WordPress？

使用事件管理器

为确保所有这些工作正常，请返回您的活动管理器。

如果它正常工作，您将看到您选择的时间段（例如，过去 28 天）的图形活动。

如果没有，您将看到以下消息：“您的像素尚未收到任何活动”：

确保通过单击“继续像素设置”按钮正确设置。

如果您的像素到目前为止工作正常并且由于某种原因没有响应，请查看事件管理器的“诊断”选项卡。

在那里，您会发现已检测到的任何问题，以及改进事件配置的建议：

使用 Facebook Pixel Helper 扩展

另一种解决方案：使用名为Facebook Pixel Helper的 Chrome 扩展程序。

您可以通过在您喜欢的浏览器上进行搜索或访问 Chrome 网上应用店来找到它。

当您将它添加到 Google 的浏览器时，您会看到它出现在您的工具栏中。

通过访问您的网站并单击相关的 Chrome 扩展程序完成。

如果它有效，你应该得到这样的消息：

如何使用像素：标准事件和自定义转化

所有的灯都是绿色的，你的像素在工作吗？ 完美的。 接下来，您必须问自己如何使用像素并充分利用它，对吗？

为了尽可能地为您提供指导，我们将专注于“事件”的概念，即访问者在您的网站上执行的操作，这将触发 Facebook 像素。

标准事件

正如著名的社交网络所解释的：

事件是在您的网站上发生的操作。 标准事件由 Facebook 预定义，可用于记录转化、优化转化和建立受众。

来源：Facebook Pixel 标准事件的业务帮助中心规范

总共有17个。

要收集特定事件的数据，您需要在您选择的页面上 Facebook 像素的基本代码中安装与所需操作（例如添加到购物车、完成注册等）相对应的一小段代码。

这不是本文的目的，所以我不会给你一个详细的教程。

但是，为了帮助您，我邀请您查看此页面，该页面解释了如何继续使用一个或多个标准事件。

如果您觉得自己无法处理代码，Facebook 有另一个解决方案：自定义转换。

自定义转化

根据 Facebook 的说法，它们允许您“设置标准事件而无需额外代码” ，例如，使用您网站上的 URL 来找出特定操作发生的位置。

Facebook 补充说，通过自定义转换， “您可以过滤所有购买以仅衡量超过 40 美元的女鞋购买” 。

仅供参考，社交网络建议您在以下情况下使用自定义转换：

要创建自定义转换，它的工作原理如下。

GDPR 合规性如何？

人们对 Facebook 像素有很多疑问，其中一个经常出现在桌面上：

它符合 GDPR 吗？

这是一个相当棘手的问题，但我们会尽力为您提供一些答案。

该主题是技术性的，鉴于这不是我们的工作，我们只能建议您与该领域的专家（例如律师）取得联系。

让我们先简要回顾一下 GDPR 是什么。 它是通用数据保护条例的首字母缩写词，这是一项于 2018 年生效的欧洲法规。

它的目的？ 确保每个人都可以控制和安全地控制他们在浏览网页时传播的个人数据。

这就是一般功能。 回到脸书。 这家由马克扎克伯格创建的公司声称它符合 GDPR，尽管过去曾对该公司提起过几起投诉和诉讼。

然后它就在你身边。 或者更确切地说，在您的 WordPress 网站上。

事实上，正如 Facebook 所说，您必须“获得个人的事先同意才能在其设备上存储和访问 cookie 或其他信息” 。

这就是它变得有点混乱的地方，因为你听到了上面的一切。

为了更清楚地了解情况，请访问欧盟委员会网站，当涉及到访问每个国家/地区的特定 GDPR 法规时，Facebook 会将您重定向到该网站。

如果您访问相关页面，您会发现有用的信息。 此外，请查看您需要了解的有关 GDPR 合规性的所有详细信息。

我建议您查看数据保护的国际维度页面，您可以在其中找到更多符合 GDPR 的信息。

他们将为您提供许多其他提示，以在您的网站上进行正确的修改。

你可以再次深呼吸。 你即将结束这篇文章。 我们现在要做的就是总结你所学的一切。

在此处查看我们专门针对 GDPR 合规性的帖子。

使用 Elementor 构建您的网站

使用著名的页面构建器轻松设计 WordPress 网站的外观和感觉。 尝试元素

尝试元素

那么，像素还是无像素？

不要错过它：它可以快速集成，而且您现在知道如何手动或使用插件将其添加到您的网站。

从现在开始，我就交给你了。 你打算很快使用这个小代码吗？

或者如果你已经在使用它，你是怎么做的？

使用下面的评论分享您的反馈和其他提示。