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

圖片來源：圖蟲創(chuàng)意

什么是Cookie？有什么作用？

Cookie就是一串簡(jiǎn)單的代碼，當(dāng)用戶請(qǐng)求訪問網(wǎng)站服務(wù)器的時(shí)候，服務(wù)器就會(huì)創(chuàng)建一個(gè)對(duì)應(yīng)的Cookie給用戶，當(dāng)用戶下次再次訪問的時(shí)候就會(huì)根據(jù)Cookie的讀取進(jìn)行用戶識(shí)別以及針對(duì)數(shù)據(jù)相關(guān)內(nèi)容進(jìn)行一系列動(dòng)作。

通俗來講，就像第一次去醫(yī)院看病，這個(gè)醫(yī)院需要給病人掛號(hào)建電子檔，下次來看病，醫(yī)生直接調(diào)取過往記錄就能知道你是誰，并且針對(duì)性對(duì)診斷治療，建檔可以保存的時(shí)間越長(zhǎng)，這個(gè)病人的信息也就越完善。當(dāng)然有些醫(yī)院會(huì)定期清除一些檔案，那么下次病人看病有需要重新建檔，又是一個(gè)重新識(shí)別的過程。大概邏輯就是這樣，這個(gè)比喻可能有點(diǎn)不太適當(dāng)，不過能夠讓你很快理解到底Cookie作用如何。

所以Cookie有兩方面的作用：識(shí)別用戶身份、記錄歷史

Cookie的兩種形式區(qū)分

另外Cookie分為兩種形式：第一方Cookie、第三方Cookie

第一方Cookie是什么？

第一方Cookie是由網(wǎng)絡(luò)用戶訪問的域創(chuàng)建的 cookie。例如：當(dāng)用戶通過網(wǎng)絡(luò)瀏覽器點(diǎn)擊A.com時(shí)，瀏覽器會(huì)在第一個(gè)頁面中發(fā)送一個(gè)網(wǎng)頁請(qǐng)求，這個(gè)過程需要用戶直接與A.com站 互動(dòng)。這樣網(wǎng)絡(luò)瀏覽器隨后就將此數(shù)據(jù)文件保存到“A.com”域名下的用戶計(jì)算機(jī)上。

大多數(shù)網(wǎng)頁瀏覽器都支持第一方 cookies。

Why？

因?yàn)槿绻憬玫谝环?cookies，當(dāng)你瀏覽網(wǎng)頁從一頁跳到另一頁的時(shí)候，網(wǎng)站無法跟蹤你的活動(dòng)。再比如：每次你從購物網(wǎng)站的其他頁面向購物車添加一些東西，它就會(huì)被視為一個(gè)新的動(dòng)作而沒有被記錄下來，這樣你將無法在同一交易中在線購買多個(gè)商品了。

第三方Cookie是什么？

第三方cookie是建立在別的域名不是你訪問的域名（地址欄中的網(wǎng)址）， 比如：廣告網(wǎng)絡(luò)商就是最常見的第三方 cookies 的來源，他們用它們?cè)诙鄠€(gè)網(wǎng)站上追蹤用戶的行為，當(dāng)然這些活動(dòng)可以用來調(diào)整廣告。此外圖像、 JavaScript 和 iframe 通常也會(huì)導(dǎo)致第三方 cookies 的生成。

比如谷歌廣告Google Adsense通過第三方Cookie就可以識(shí)別超過1400多萬網(wǎng)站中用戶的信息，Meta也就是Facebook Ads同樣也是依賴第三方Cookie去識(shí)別用戶，然后再根據(jù)用戶現(xiàn)有信息，去做廣告，這也是曾經(jīng)再營(yíng)銷Retarget廣告非常行之有效的原因。

所以當(dāng)?shù)谌紺ookie逐漸被禁用、隱私政策發(fā)揮作用后，對(duì)于這些數(shù)字廣告平臺(tái)來說就會(huì)出現(xiàn)以下問題：

1、用戶數(shù)據(jù)的收集就會(huì)出現(xiàn)偏差，“新”or“舊”難以識(shí)別，“隱形用戶”增加；

2、直接流量的占比會(huì)增加，因?yàn)閿?shù)據(jù)分析系統(tǒng)只能根據(jù)末次轉(zhuǎn)化來源來歸因，舉個(gè)例子，以前如果客戶a第一天通過廣告進(jìn)入網(wǎng)站，第二天直接進(jìn)入網(wǎng)站，成功轉(zhuǎn)化后，系統(tǒng)會(huì)將第二天的轉(zhuǎn)化來源歸因給廣告，而當(dāng)?shù)谌紺ookie被禁用后，那這個(gè)第二天進(jìn)入網(wǎng)站的a，就會(huì)被判斷為一個(gè)“新”用戶，轉(zhuǎn)化成功來源直接判定為直接流量（Direct Traffic），那你認(rèn)為這種歸因準(zhǔn)確嗎？

3、轉(zhuǎn)化歸因觸點(diǎn)減少，在轉(zhuǎn)化成功之前用戶操作了什么，點(diǎn)擊幾次等不能精準(zhǔn)收集；

4、網(wǎng)站內(nèi)隊(duì)列報(bào)告限制，對(duì)于網(wǎng)站和用戶分析受限，對(duì)于分析用戶留存、用戶旅程等很難綜合性評(píng)估優(yōu)化；

5、歸因質(zhì)量下降，此前依據(jù)一些簡(jiǎn)單的方法就可以評(píng)判（例如”Last Click”）,可以快速關(guān)聯(lián)廣告和來源，但是現(xiàn)在自從IDFA被限制之后（大部分用戶會(huì)選擇LAT），廣告轉(zhuǎn)化的精準(zhǔn)性是大幅度下降的；

6、所有的廣告營(yíng)銷更加一來Last Click，那么這樣在整個(gè)廣告系統(tǒng)當(dāng)中可供分析的數(shù)據(jù)就很有限，通俗來講就是，從有數(shù)據(jù)可循，變成“；轉(zhuǎn)化玄學(xué)”。復(fù)雜性的轉(zhuǎn)化動(dòng)機(jī)不可簡(jiǎn)單分析。

綜上所訴，可以看到幾個(gè)關(guān)鍵性的問題隨著Web3.0/隱私政策的深入，無Cookie時(shí)代會(huì)導(dǎo)致做數(shù)字營(yíng)銷的數(shù)據(jù)收集不準(zhǔn)確、轉(zhuǎn)化歸因觸點(diǎn)減少、歸因不準(zhǔn)確質(zhì)量下降、單一觸點(diǎn)廣告不精準(zhǔn)且營(yíng)銷成本上升；這些問題對(duì)于我們?cè)诰€獨(dú)立站賣家來說就像慢性毒藥一樣，逐漸的侵蝕整個(gè)營(yíng)銷體系直至崩塌。

那么接下來

10月3日，Shopify發(fā)布了一個(gè)新的產(chǎn)品【Shopify WebPiexl】，這是shopify的一個(gè)新功能，在Shopify Pixel沒有發(fā)布之前，獨(dú)立站賣家需要在網(wǎng)站的不同地方比如手動(dòng)添加JavaScript來跟蹤用戶行為，這些腳本不僅安裝復(fù)雜，而且無法捕獲每個(gè)客戶事件。但是使用最新的 Shopify Pixel，跟蹤客戶事件可以非常簡(jiǎn)單和準(zhǔn)確。

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

允許我們管理和添加用于跟蹤客戶事件的像素（也稱為標(biāo)簽或跟蹤腳本）。客戶事件是發(fā)生在客戶瀏覽器中的操作，例如，將產(chǎn)品添加到購物車或啟動(dòng)結(jié)帳；

為您的在線商店和客戶提供額外的安全保護(hù)，包括更好地控制您與第三方服務(wù)共享的客戶數(shù)據(jù)；

防止第三方代碼運(yùn)行不良 Javascript，或干擾您的在線商店和結(jié)帳；

內(nèi)置隱私合規(guī)工具；

好處錨鏈接到標(biāo)題為“好處”的部分

Web 像素應(yīng)用程序擴(kuò)展為合作伙伴提供了管理和處理行為數(shù)據(jù)的簡(jiǎn)化流程，方法是在安全沙箱環(huán)境中加載像素，并使用 API 訂閱客戶事件。Web Pixel 應(yīng)用擴(kuò)展為商家和合作伙伴提供以下好處：

消除或盡量減少商家添加跟蹤代碼的需要；

安全訪問所有表面，例如店面、結(jié)帳和購買后頁面；

控制合作伙伴可以訪問的數(shù)據(jù)；

避免性能和隱私警報(bào)；

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

請(qǐng)求同意錨鏈接到標(biāo)題為“請(qǐng)求同意”的部分

Web 像素應(yīng)用擴(kuò)展與客戶隱私 API兼容，因此您可以根據(jù)需要請(qǐng)求同意。Web 像素應(yīng)用擴(kuò)展回調(diào)僅在訪問者同意后才會(huì)執(zhí)行。當(dāng)買方同意時(shí)，所有注冊(cè)的事件都會(huì)被重播以捕獲頁面上已經(jīng)發(fā)生的任何事件。

沙盒環(huán)境錨鏈接到標(biāo)題為“沙盒環(huán)境”的部分

Web 像素加載在訪問者瀏覽器的沙盒中，旨在讓商家和買家完全控制合作伙伴可以訪問哪些數(shù)據(jù)。這些控件意味著像素的一些常見功能將無法正常工作或根本無法工作。具體來說，這些包括依賴于從 DOM 中獲取信息或嘗試寫入 DOM 的任何功能。盡管這些限制可能看起來很受限制，但大多數(shù)都可以通過使用Web 像素?cái)U(kuò)展 API傳遞到沙箱的數(shù)據(jù)來克服。

雖然本文檔側(cè)重于 Web 像素應(yīng)用程序擴(kuò)展，但重要的是要注意有兩種類型的沙盒環(huán)境：strict和lax.

嚴(yán)格沙箱（Web 像素應(yīng)用程序擴(kuò)展）錨鏈接到標(biāo)題為“嚴(yán)格沙箱（Web 像素應(yīng)用程序擴(kuò)展）”的部分

應(yīng)用程序開發(fā)人員創(chuàng)建 Web 像素應(yīng)用程序擴(kuò)展，這些擴(kuò)展使用Webstrict

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

對(duì)全局對(duì)象的引用。

警告 您不得依賴任何其他可用的全局變量。許多全局變量將被顯式覆蓋到undefined沙箱中，并且未隱藏且不在上面列表中的非語言全局變量也可能隨時(shí)被覆蓋。

使用瀏覽器 API 的傳統(tǒng) JavaScript 像素（例如）window.document在此環(huán)境中不起作用。您可以使用可用于 Web 像素應(yīng)用程序擴(kuò)展的上下文 API來復(fù)制特定的瀏覽器 API 功能。

Lax 沙箱（自定義網(wǎng)絡(luò)像素）錨鏈接到標(biāo)題為“Lax 沙箱（自定義網(wǎng)絡(luò)像素）”的部分自定義像素在lax沙盒環(huán)境中加載。lax 沙箱是一個(gè)iframe元素，其sandbox屬性由allow-scripts和allow-forms值定義。此設(shè)置允許使用 iframe 將舊版 Javascript 像素插入到頁面中。

放置在lax沙箱中的傳統(tǒng) Javascript 像素?zé)o法訪問頂部框架。某些屬性會(huì)返回不同的值，因?yàn)槟鸁o法訪問頂部框架。例如，window.href返回沙盒 URL 而不是頂部框架 URL。

所以知道這些的你還不趕快行動(dòng)起來？

關(guān)注公眾號(hào)，領(lǐng)取獨(dú)立站資料

（來源：花虞HY聊跨境電商）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?