問(wèn)題：Facebook 怎么知道你逛了 Old Navy？

我時(shí)常聽(tīng)人們說(shuō)起這種有些詭異的上網(wǎng)經(jīng)歷：你在線(xiàn)上瀏覽了一個(gè)商品，之后，竟然看到了同一款靴子（或者是別的什么你當(dāng)時(shí)瀏覽的商品）的廣告。這就是所謂的“再營(yíng)銷(xiāo)”，但它到底是如何實(shí)現(xiàn)的呢？

在本文中，我們來(lái)進(jìn)行一個(gè)小實(shí)驗(yàn)，看看 Facebook 究竟是怎么知道你在線(xiàn)上瀏覽了什么商品的。這里使用 Facebook 作為示例，只是因?yàn)楹苋菀渍业绞褂昧?Facebook 像素追蹤技術(shù)的網(wǎng)站；其實(shí)，幾乎所有互聯(lián)網(wǎng)廣告公司都會(huì)使用類(lèi)似的追蹤技術(shù)。

準(zhǔn)備：允許第三方追蹤器，同時(shí)關(guān)閉廣告攔截器

我使用的瀏覽器是 Firefox，但是 Firefox 默認(rèn)攔截了很多這種類(lèi)型的追蹤，所以需要修改 Firefox 的隱私設(shè)置，才能讓這種追蹤生效。

首先，我將隱私設(shè)置從默認(rèn)設(shè)置（ 截圖 ）修改為允許第三方追蹤器的個(gè)性化設(shè)置（ 截圖 ），然后禁用了一些平時(shí)運(yùn)行的隱私保護(hù)擴(kuò)展。

像素追蹤：關(guān)鍵不在于 gif，而在于請(qǐng)求參數(shù)

像素追蹤是網(wǎng)站用來(lái)追蹤你的一個(gè) 1x1 大小的 gif。就其本身而言，一個(gè)小小的 1x1 gif 顯然起不到什么作用。那么，像素追蹤到底是如何進(jìn)行追蹤的？其中涉及兩個(gè)方面：

1. 通過(guò)使用像素追蹤上的請(qǐng)求參數(shù)，網(wǎng)站可以添加額外的信息，比如你正在訪(fǎng)問(wèn)的頁(yè)面。這樣一來(lái)，請(qǐng)求的就不是 https://www.facebook.com/tr/（這個(gè)鏈接是一個(gè) 44 字節(jié)大小的 1x1 gif），而是 https://www.facebook.com/tr/?the_website_you're_on。（郵件營(yíng)銷(xiāo)人員會(huì)使用類(lèi)似的技巧，通過(guò)為像素追蹤指定一個(gè)獨(dú)特的 URL，弄清楚你是否打開(kāi)了某一封郵件。）

2. 在發(fā)送該請(qǐng)求的同時(shí)，還發(fā)送了相應(yīng)的 cookie。這樣一來(lái)廣告商就可以知道，訪(fǎng)問(wèn) oldnavy.com 的這個(gè)人和在同一臺(tái)電腦上使用 Facebook 的是同一個(gè)人。

Old Navy 網(wǎng)站上的 Facebook 像素追蹤

為了對(duì)此進(jìn)行驗(yàn)證，我在 Old Navy（GAP 旗下的一個(gè)服裝品牌）網(wǎng)站上瀏覽了一個(gè)商品，相應(yīng)的 URL 是 https://oldnavy.gap.com/browse/product.do?pid=504753002&cid=1125694&pcid=1135640&vid=1&grid=pds_0_109_1（這是一件“男款短絨格子花呢大衣”）。

在我瀏覽這個(gè)商品的同時(shí)，頁(yè)面上運(yùn)行的 Javascript（用的應(yīng)該是 這段代碼 ）向 facebook.com 發(fā)送了一個(gè)請(qǐng)求。在開(kāi)發(fā)者工具中，該請(qǐng)求看上去是這樣的：（我屏蔽了大部分 cookie 值，因?yàn)槠渲杏幸恍┦俏业牡卿?cookie）

下面對(duì)其進(jìn)行拆解分析：

1. 我的瀏覽器向如下 URL 發(fā)送了一個(gè)請(qǐng)求；https://www.facebook.com/tr/?id=937725046402747&ev=PageView&dl=https%3A%2F%2Foldnavy.gap.com%2Fbrowse%2Fproduct.do%3Fpid%3D504753002%26cid%3D1125694%26pcid%3Dxxxxxx0%26vid%3D1%26grid%3Dpds_0_109_1%23pdp-page-content&rl=https%3A%2F%2Foldnavy.gap.com%2Fbrowse%2Fcategory.do%3Fcid%3D1135640%26mlink%3D5155%2Cm_mts_a&if=false&ts=1576684838096&sw=1920&sh=1080&v=2.9.15&r=stable&a=tmtealium&ec=0&o=30&fbp=fb.1.1576684798512.1946041422&it=15xxxxxxxxxx4&coo=false&rqm=GET

2. 與該請(qǐng)求同時(shí)發(fā)送的，還有一個(gè)名為 fr 的 cookie，取值為10oGXEcKfGekg67iy.AWVdJq5MG3VLYaNjz4MTNRaU1zg.Bd-kxt.KU.F36.0.0.Bd-kx6.（估計(jì)是我的 Facebook 廣告追蹤 ID）

在所發(fā)送的像素追蹤查詢(xún)字符串里，有三個(gè)值得注意的地方：

• 我當(dāng)前訪(fǎng)問(wèn)的頁(yè)面：https://oldnavy.gap.com/browse/product.do?pid=504753002&cid=1125694&pcid=1135640&vid=1&grid=pds_0_109_1#pdp-page-content

• 引導(dǎo)我來(lái)到當(dāng)前頁(yè)面的上一級(jí)頁(yè)面：https://oldnavy.gap.com/browse/category.do?cid=1135640&mlink=5155,m_mts_a；

• 作為我的身份標(biāo)識(shí)的 cookie：10oGXEcKfGekg67iy.AWVdJq5MG3VLYaNjz4MTNRaU1zg.Bd-kxt.KU.F36.0.0.Bd-kx6.

下面來(lái)逛逛 Facebook！

下面來(lái)逛逛 Facebook 吧。我之前已經(jīng)登入了 Facebook，猜猜看，我的瀏覽器發(fā)送給 Facebook 的 cookie 是什么？

不出所料，正是之前見(jiàn)過(guò)的 fr cookie：10oGXEcKfGekg67iy.AWVdJq5MG3VLYaNjz4MTNRaU1zg.Bd-kxt.KU.F36.0.0.Bd-kx6.。Facebook 現(xiàn)在一定知道我（Julia Evans，這個(gè) Facebook 賬號(hào)所關(guān)聯(lián)的人）在幾分鐘之前訪(fǎng)問(wèn)了 Old Navy 網(wǎng)站，并且瀏覽了“男款短絨格子花呢大衣”，因?yàn)樗麄兛梢允褂眠@個(gè) cookie 將數(shù)據(jù)串聯(lián)起來(lái)。

這里涉及到的是第三方 cookie

Facebook 用來(lái)追蹤我訪(fǎng)問(wèn)了哪些網(wǎng)站的 cookie，屬于所謂的“第三方 cookie”，因?yàn)?Old Navy 的網(wǎng)站使用它為一個(gè)第三方（即 facebook.com）確認(rèn)我的身份。這和用來(lái)維持登錄狀態(tài)的“方 cookie”有所不同。

Safari 和 Firefox 默認(rèn)都會(huì)攔截許多第三方 cookie（所以需要更改 Firefox 的隱私設(shè)置，才能夠進(jìn)行這個(gè)實(shí)驗(yàn)），而 Chrome 目前并不進(jìn)行攔截（很可能是因?yàn)?Chrome 的所有者正是一個(gè)廣告公司）。（LCTT 譯注：Chrome 可以設(shè)置阻攔）

網(wǎng)站上的像素追蹤有很多

如我所料，網(wǎng)站上的像素追蹤有 很多。比如，wrangler.com 在我的瀏覽器里加載了來(lái)自不同域的 19 個(gè)不同的像素追蹤。wrangler.com 上的像素追蹤分別來(lái)自：ct.pinterest.com、af.monetate.net、csm.va.us.criteo.net、google-analytics.com、dpm.demdex.net、google.ca、a.tribalfusion.com、data.photorank.me、stats.g.doubleclick.net、vfcorp.dl.sc.omtrdc.net、ib.adnxs.com、idsync.rlcdn.com、p.brsrvr.com，以及 adservice.google.com。

Firefox 貼心地指出，如果使用 Firefox 的標(biāo)準(zhǔn)隱私設(shè)置，其中的大部分追蹤器都會(huì)被攔截：

瀏覽器的重要性

瀏覽器之所以如此重要，是因?yàn)槟愕臑g覽器最終決定了發(fā)送你的什么信息、發(fā)送到哪些網(wǎng)站。Old Navy 網(wǎng)站上的 Javascript 可以請(qǐng)求你的瀏覽器向 Facebook 發(fā)送關(guān)于你的追蹤信息，但瀏覽器可以拒絕執(zhí)行。瀏覽器的決定可以是：“哈，我知道 facebook.com/tr/ 是一個(gè)像素追蹤，我不想讓我的用戶(hù)被追蹤，所以我不會(huì)發(fā)送這個(gè)請(qǐng)求”。

瀏覽器還可以允許用戶(hù)對(duì)上述行為進(jìn)行配置，方法包括更改瀏覽器設(shè)置，以及安裝瀏覽器擴(kuò)展（所以才會(huì)有如此多的隱私保護(hù)擴(kuò)展）。

摸清其中原理，實(shí)為一件趣事

在我看來(lái)，弄清楚 cookie/像素追蹤是怎么用于對(duì)你進(jìn)行追蹤的，實(shí)在是一件趣事（盡管有點(diǎn)嚇人）。我之前大概明白其中的道理，但是并沒(méi)有親自查看過(guò)像素追蹤上的 cookie，也沒(méi)有看過(guò)發(fā)送的查詢(xún)參數(shù)上究竟包含什么樣的信息。

當(dāng)然，明白了其中的原理，也就更容易降低被追蹤的概率了。

可以采取的措施

為了盡量避免在互聯(lián)網(wǎng)上被追蹤，我采取了幾種簡(jiǎn)單的措施:

• 安裝一個(gè)廣告攔截器（比如 ublock origin 之類(lèi)）。廣告攔截器可以針對(duì)許多追蹤器的域進(jìn)行攔截。

• 使用目前默認(rèn)隱私保護(hù)強(qiáng)度更高的 Firefox/Safari，而不是 Chrome。

• 使用 Facebook Container 這個(gè) Firefox 擴(kuò)展。該擴(kuò)展針對(duì) Facebook 進(jìn)一步采取了防止追蹤的措施。

雖然在互聯(lián)網(wǎng)上被追蹤的方式還有很多（尤其是在使用手機(jī)應(yīng)用的時(shí)候，因?yàn)樵谶@種情況下，你沒(méi)有和像對(duì)瀏覽器一樣的控制程度），但是能夠理解這種追蹤方法的工作原理，稍微減少一些被追蹤的可能性，也總歸是一件好事。