客户事件是您的受众执行的主要操作，可以通过不同的参与点提供他们与您的企业互动的见解。这包括进行付款、启动销售，这是一个关键的互动点。使用由像素生成的客户事件数据，集成的第三方服务可以改善您的营销自动化和分析。更好地了解这些行为可以通过提供数据来改进您的营销自动化、分析和受众定位，从而显着提高您的销售策略。集成的第三方服务可以利用这些客户事件数据（也称为日志），通过像素生成，进一步优化您的销售方法。本博客将帮助品牌开发人员了解如何通过您的Shopify帐户添加和管理这些像素。嗯，让我们从基础知识开始，好吗？什么是像素？从像素是什么的介绍，到为您的B2B受众创建自定义像素，再到确保在各个渠道上成功实施它们，本指南覆盖了您在Shopify社区内有效管理客户互动所需的所有要点。您可以使用Shopify像素管理器来管理跟踪客户事件的像素。Shopify像素管理器允许您添加和管理用于跟踪客户事件的像素。客户事件是发生在客户浏览器中的操作，例如点击链接或将商品添加到购物车。Shopify管理中的客户事件部分是专家添加和管理像素的地方。像素可以通过两种方式添加或迁移到您的在线商店：由营销和数据收集应用安装的应用像素，以及开发人员可以通过您的帐户中的像素管理器手动添加的自定义像素。以前，商家可以手动向其在线商店添加JavaScript代码片段。他们可以在在线首选项、结账脚本和应用程序中进行此操作。大多数情况下，这些脚本未经质量检查，并且管理它们需要很多时间。通过像素管理器，您的脚本将保存在单一的管理工具中，并在沙箱环境中运行在开始之前，请确保您的主题不包含任何现有的跟踪代码。这段代码通常可以在液体模板（例如theme.liquid、product.liquid和checkout.liquid）以及结账设置中的附加脚本字段中找到。确保执行此步骤是非常重要的，以确保您可以自信地继续前进，而不会担心冲突脚本的问题。在您的商店中包含应用像素或自定义像素的好处在您的在线商店上获得一系列客户事件，如结账事件。为您的在线商店和客户提供额外的保护，包括更好地控制与第三方提供商共享的客户信息。防止未经授权的代码执行非功能性JavaScript或干扰您的在线商店和结账过程。隐私合规性的集成工具。创建自定义像素的代码创建第三方JavaScript SDK与像素相关联的代码由您使用的第三方服务提供。跟踪代码和JavaScript SDK通常是像素的两个部分。Shopify像素沙箱只允许使用JavaScript，因此，像素的第三方服务代码中的任何HTML都必须删除。这是一个Meta像素的示例。不同的第三方之间的像素可能会有微小的差异。图片来源：Shopify您可能会发现使用script src=.加载的像素域名。Shopify的像素无法与HTML一起使用，因此您需要将其更改为JavaScript等效物。已经将用于跟踪PageView事件的代码也移除了，因为它将在下一步中添加。 图片来源：Shopify您可能会发现使用script src=.加载的像素。Shopify的像素无法与HTML一起使用，因此您需要将其更改为JavaScript等效物。您还可以了解如何订阅标准事件和自定义客户事件，这样您就可以跟踪其他客户事件，例如某人点击按钮的情况。例如，如果您想要跟踪特定订单的发生情况，您可以为此创建一个自定义事件并订阅该事件。这是一个Google Analytics像素的示例：图片来源：Shopify您可以使用以下JavaScript代码替换脚本的src=部分。确保src属性始终与HTML版本匹配：图片来源：Shopify订阅标准事件Meta像素的PageView事件如下所示。请注意，函数fbq( track )是Meta代码的一部分，每个业务都会有一个不同的版本，您必须查阅他们的文档。图片来源：Shopify您可以将一些事件的元数据传输到您的像素中。下面是向Meta的ViewContent事件提供一些产品信息的示例：图片来源：Shopify订阅自定义客户事件如果您希望跟踪其他客户事件（例如某人点击按钮的情况），可以添加自定义客户事件。标准事件和自定义事件可以以相同的方式订阅。声明您希望订阅的事件名称，并将此信息发送到第三方服务提供商的像素。这是自定义事件可能出现在主题液体文件中的示例：图片来源：Shopify这是一种设置像素订阅该自定义事件的方法：图片来源：Shopify添加自定义像素在添加自定义像素之前，删除或修改任何现有像素，以防止重复计算客户事件。必须手动从所有位置删除现有的像素代码，包括theme.liquid、checkout.liquid和checkout设置中的附加脚本。步骤： 1.通过Shopify管理界面打开设置 > 客户事件。图片来源：Shopify2. 为您的像素命名。如果您输入现有自定义像素的名称，将要求您为像素提供一个新名称。3. 单击添加像素以访问事件编辑器。图片来源：Shopify4. 在代码窗口中，粘贴您自己的JavaScript像素代码。5. 单击保存以保存您的自定义像素，单击连接像素即可连接您的自定义像素并开始跟踪事件。在您的Shopify商店中连接自定义像素添加自定义像素后，您必须将其与商店连接，以便开始跟踪客户事件。步骤： 在Shopify管理界面的客户事件页面中，点击自定义像素。在未连接像素标题下，您可以看到所有当前未连接的自定义像素。单击正确的自定义像素所在的行上的连接。阅读Shopify的服务条款。如果您的像素符合服务的要求，请单击连接。断开和删除自定义像素要停止跟踪添加自定义像素的事件，必须手动将像素与您的在线商店分离。步骤： 从Shopify管理界面的客户事件页面，单击自定义像素。当前已连接的自定义像素显示在列表顶部。单击您希望断开的自定义像素行上的断开。断开像素后，该像素不会被删除。您还可以删除不再需要的任何自定义像素。步骤： 在Shopify管理界面的客户事件页面，点击自定义像素。点击您要更改的自定义像素行上的...按钮。点击删除。如果确认删除，则自定义像素将从像素管理器中移除。总结在创建自定义像素之前，请确保您熟悉像素配置。以下是需要记住的一些事项：始终确保您了解将放置在网站结账中的代码，或者从Shopify专家处获取自定义像素。由于像素在安全的沙箱环境中运行，对可以发布的数据有一定的限制。Web像素扩展API允许您访问浏览器API并使用Shopify Lax或Strict沙箱订阅客户事件。