【注意！What？什么是Shopify 的新 Pixel 和 Web Pixel API 功能

图片来源：图虫创意

什么是Cookie？有什么作用？

Cookie就是一串简单的代码，当用户请求访问网站服务器的时候，服务器就会创建一个对应的Cookie给用户，当用户下次再次访问的时候就会根据Cookie的读取进行用户识别以及针对数据相关内容进行一系列动作。

通俗来讲，就像第一次去医院看病，这个医院需要给病人挂号建电子档，下次来看病，医生直接调取过往记录就能知道你是谁，并且针对性对诊断治疗，建档可以保存的时间越长，这个病人的信息也就越完善。当然有些医院会定期清除一些档案，那么下次病人看病有需要重新建档，又是一个重新识别的过程。大概逻辑就是这样，这个比喻可能有点不太适当，不过能够让你很快理解到底Cookie作用如何。

所以Cookie有两方面的作用：识别用户身份、记录历史

Cookie的两种形式区分

另外Cookie分为两种形式：第一方Cookie、第三方Cookie

第一方Cookie是什么？

第一方Cookie是由网络用户访问的域创建的 cookie。例如：当用户通过网络浏览器点击A.com时，浏览器会在第一个页面中发送一个网页请求，这个过程需要用户直接与A.com站 互动。这样网络浏览器随后就将此数据文件保存到“A.com”域名下的用户计算机上。

大多数网页浏览器都支持第一方 cookies。

Why？

因为如果你禁用第一方 cookies，当你浏览网页从一页跳到另一页的时候，网站无法跟踪你的活动。再比如：每次你从购物网站的其他页面向购物车添加一些东西，它就会被视为一个新的动作而没有被记录下来，这样你将无法在同一交易中在线购买多个商品了。

第三方Cookie是什么？

第三方cookie是建立在别的域名不是你访问的域名（地址栏中的网址）， 比如：广告网络商就是最常见的第三方 cookies 的来源，他们用它们在多个网站上追踪用户的行为，当然这些活动可以用来调整广告。此外图像、 JavaScript 和 iframe 通常也会导致第三方 cookies 的生成。

比如谷歌广告Google Adsense通过第三方Cookie就可以识别超过1400多万网站中用户的信息，Meta也就是Facebook Ads同样也是依赖第三方Cookie去识别用户，然后再根据用户现有信息，去做广告，这也是曾经再营销Retarget广告非常行之有效的原因。

所以当第三方Cookie逐渐被禁用、隐私政策发挥作用后，对于这些数字广告平台来说就会出现以下问题：

1、用户数据的收集就会出现偏差，“新”or“旧”难以识别，“隐形用户”增加；

2、直接流量的占比会增加，因为数据分析系统只能根据末次转化来源来归因，举个例子，以前如果客户a第一天通过广告进入网站，第二天直接进入网站，成功转化后，系统会将第二天的转化来源归因给广告，而当第三方Cookie被禁用后，那这个第二天进入网站的a，就会被判断为一个“新”用户，转化成功来源直接判定为直接流量（Direct Traffic），那你认为这种归因准确吗？

3、转化归因触点减少，在转化成功之前用户操作了什么，点击几次等不能精准收集；

4、网站内队列报告限制，对于网站和用户分析受限，对于分析用户留存、用户旅程等很难综合性评估优化；

5、归因质量下降，此前依据一些简单的方法就可以评判（例如”Last Click”）,可以快速关联广告和来源，但是现在自从IDFA被限制之后（大部分用户会选择LAT），广告转化的精准性是大幅度下降的；

6、所有的广告营销更加一来Last Click，那么这样在整个广告系统当中可供分析的数据就很有限，通俗来讲就是，从有数据可循，变成“；转化玄学”。复杂性的转化动机不可简单分析。

综上所诉，可以看到几个关键性的问题随着Web3.0/隐私政策的深入，无Cookie时代会导致做数字营销的数据收集不准确、转化归因触点减少、归因不准确质量下降、单一触点广告不精准且营销成本上升；这些问题对于我们在线独立站卖家来说就像慢性毒药一样，逐渐的侵蚀整个营销体系直至崩塌。

那么接下来

10月3日，Shopify发布了一个新的产品【Shopify WebPiexl】，这是shopify的一个新功能，在Shopify Pixel没有发布之前，独立站卖家需要在网站的不同地方比如手动添加JavaScript来跟踪用户行为，这些脚本不仅安装复杂，而且无法捕获每个客户事件。但是使用最新的 Shopify Pixel，跟踪客户事件可以非常简单和准确。

正如 Shopify 所述，像素提供以下好处：

允许我们管理和添加用于跟踪客户事件的像素（也称为标签或跟踪脚本）。客户事件是发生在客户浏览器中的操作，例如，将产品添加到购物车或启动结帐；

为您的在线商店和客户提供额外的安全保护，包括更好地控制您与第三方服务共享的客户数据；

防止第三方代码运行不良 Javascript，或干扰您的在线商店和结帐；

内置隐私合规工具；

好处锚链接到标题为“好处”的部分

Web 像素应用程序扩展为合作伙伴提供了管理和处理行为数据的简化流程，方法是在安全沙箱环境中加载像素，并使用 API 订阅客户事件。Web Pixel 应用扩展为商家和合作伙伴提供以下好处：

消除或尽量减少商家添加跟踪代码的需要；

安全访问所有表面，例如店面、结帐和购买后页面；

控制合作伙伴可以访问的数据；

避免性能和隐私警报；

提供更小的像素代码库，去除多余的 DOM 操作代码；

请求同意锚链接到标题为“请求同意”的部分

Web 像素应用扩展与客户隐私 API兼容，因此您可以根据需要请求同意。Web 像素应用扩展回调仅在访问者同意后才会执行。当买方同意时，所有注册的事件都会被重播以捕获页面上已经发生的任何事件。

沙盒环境锚链接到标题为“沙盒环境”的部分

Web 像素加载在访问者浏览器的沙盒中，旨在让商家和买家完全控制合作伙伴可以访问哪些数据。这些控件意味着像素的一些常见功能将无法正常工作或根本无法工作。具体来说，这些包括依赖于从 DOM 中获取信息或尝试写入 DOM 的任何功能。尽管这些限制可能看起来很受限制，但大多数都可以通过使用Web 像素扩展 API传递到沙箱的数据来克服。

虽然本文档侧重于 Web 像素应用程序扩展，但重要的是要注意有两种类型的沙盒环境：strict和lax.

严格沙箱（Web 像素应用程序扩展）锚链接到标题为“严格沙箱（Web 像素应用程序扩展）”的部分

应用程序开发人员创建 Web 像素应用程序扩展，这些扩展使用Webstrict

Workers 在沙盒环境中加载。这个环境可以访问许多与在浏览器中运行 JavaScript 相同的全局变量。但是，我们只保证以下全局变量的存在：

[self](<https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/self>)

对全局对象的引用。

[console](<https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/console>)console[

注意

在浏览器中可用，可用于打印到浏览器的控制台。

您的应用在生产中运行时不应记录任何内容。

[setTimeout](<https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout>)[clearTimeout](<https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/clearTimeout>)[setInterval](<https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval>)[clearInterval](<https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/clearInterval>)

and

它们的行为与在 web worker 之外的行为相同

[fetch](<https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch>)[Headers](<https://developer.mozilla.org/en-US/docs/Web/API/Headers>)[Request](<https://developer.mozilla.org/en-US/docs/Web/API/Request>)[Response](<https://developer.mozilla.org/en-US/docs/Web/API/Response>)

注意跨域资源共享 (CORS)fetch()

和相关的全局变量（和），可用于向任意端点发出 HTTP 请求。

您发出的任何请求都必须明确支持就像请求来自Web Worker 外部时一样。

警告
您不得依赖任何其他可用的全局变量。许多全局变量将被显式覆盖到undefined沙箱中，并且未隐藏且不在上面列表中的非语言全局变量也可能随时被覆盖。

使用浏览器 API 的传统 JavaScript 像素（例如）window.document在此环境中不起作用。您可以使用可用于 Web 像素应用程序扩展的上下文 API来复制特定的浏览器 API 功能。

Lax 沙箱（自定义网络像素）锚链接到标题为“Lax 沙箱（自定义网络像素）”的部分自定义像素在lax沙盒环境中加载。lax 沙箱是一个iframe元素，其sandbox属性由allow-scripts和allow-forms值定义。此设置允许使用 iframe 将旧版 Javascript 像素插入到页面中。

放置在lax沙箱中的传统 Javascript 像素无法访问顶部框架。某些属性会返回不同的值，因为您无法访问顶部框架。例如，window.href返回沙盒 URL 而不是顶部框架 URL。

所以知道这些的你还不赶快行动起来？

关注公众号，领取独立站资料