Web Beacon 網路信標是什麼?除了 Cookie 以外,你需要了解的工具

網路信標-web-beacon

網路信標簡介

網絡信標是 20 世紀末,網路興起的產物,出現於 1990 年代末。隨著越來越多的人開始使用網際網路,企業需要一種機制來收集、理解並應用大規模的使用者數據。

Cookie 則自 1994 年以來已被使用。然而,Cookie 在跨網站追踪和追蹤不同裝置上的使用者行為方面是有局限性的。於是網絡信標應運而生。這些微小、透明的圖像解決了 Cookie 所帶來的一些限制。 Web Beacons 可以與  Cookie 一起工作,深入了解用戶行為,追蹤多個網站。

網絡信標是什麼?

一個網絡信標,也被稱為像素標簽或透明 GIF,是一種微小的圖檔,通常為 1 x 1 像素,會隱藏在網站或電子郵件中。這些 Web Beacons 被設計用於在訪問放置它們的頁面或電子郵件時與服務器通信。它們通常會收集各種數據,包括裝置的 IP 位置、頁面的 URL、查看頁面的時間,以及使用的瀏覽器類型。

當你進入一個有 web beacon 的網站或打開電子郵件時,它會向服務器發送請求以傳遞一個微小的透明圖形圖像,這個請求包含關於裝置和瀏覽行為的信息。

網路信標-web-beacon01
使用者相關資訊

其實網路信標非常普遍,幾乎大公司都會使用此技術。之前也有一項研究發現,網路中最受歡迎的 100 萬個網站中近 80% 使用網絡信標或類似的追蹤技術。

從最初作為簡單的 1×1 像素圖片到現在的無處不在,網絡信標已經改變了我們對針對網路活動的理解方式。儘管它們檔案以及圖像長寬很微小,但它們對我們日常在線體驗的影響卻是相當大的——所以思考是否以及如何應對它們是我們所有人都應該做的事情。

Web Beacon 歷史

1990年代

在 1990 年代不斷發展的網路生態系統中,Web Beacons 提供了一個不錯的分析追蹤解決方法。比起 Cookie,網路信標可以跨不同頁面以及不同裝置去做使用者資料的追蹤與收集。這樣的優點也讓各個公司可以根據使用者行為和偏好來打造產品和服務。

2000年代、2010年代和2020年代

隨著技術的進步,網絡信標的功能也得到了提升,能夠更詳細地追踪用戶與電子郵件和其他內容的互動。也隨著智慧型手機興起,網絡信標也進行優化,能夠追蹤使中者在網站以及 App上的行為。

此外,隨著對個人隱私意識的提升,大家開始對追蹤技術追求透明化,這讓 Cookie 以及 Web Beacons 的使用方式發生一些變化。

​到了今天,網絡信標在網路中到處都有,大部分主要網站,例如:Google、Facebook …都使用這個技術,通常也會與其他追蹤工具一起使用,用來收集使用者的一些行為數據。

當然隨著這項技術越來越廣泛使用,針對隱私權的法規也被各國制訂出來,包含美國、歐盟、亞洲都有不少國家針對 Cookie 以及 Web Beacon 去做一些限制以及規範。

網路信標如何運作?

網頁上的網絡信標通常是從外部源加載的圖片。這些圖片的大小通常是 0 ~ 1 pixel,因此對人眼來說是不可見的,因此也有間諜像素的名稱。此外,可以將 CSS display 屬性設置為 none 來隱藏圖像。比較少見的是使用 JavaScript 信標實現,例如 Beacon API:一個允許向服務器發送請求而不期望回應的API。

網路信標-web-beacon02
HTML 程式碼範例
網路信標-web-beacon03
Email 中嵌入圖像範例

Cookie 與 Web Beacon 比較

Cookie和 Web Beacon 都是為了收集、追蹤、分析使用者行為而設計的工具,但它們還是有一些相異之處。Cookie 是存儲在使用者裝置上的小型文本文件(JSON),通常用來保留使用者偏好、瀏覽數據,使用者也可以通過瀏覽器設置輕鬆查看和管理它們。

相反的,網路信標是直接嵌入 HTML 網頁內容或電子郵件中,也因為只有1 pixel 通常是不可見的圖像,在進入網站或是打開信箱時,會向服務器發送收集到的數據,這樣的特點也讓他們可以跨不同網站去做使用者數據追蹤以及收集。

雖然 Cookie 直接存儲在用戶的設備上,可以通過瀏覽器阻擋,但網絡信標將信息傳遞給外部服務器,並且更難完全阻擋。

Web Beacon 優缺點

當然任何一項技術的出現都是一定有他的優缺點的,因此知道優、缺點才能讓我們更方便使用:

網路信標的優點

行銷數據分析

網絡信標是追蹤使用者在網站上的所有行為的工具。例如:每個頁面上停留的時間、電子郵件一些宣傳活動的有效性…等。這些數據對於希望優化行銷策略並提高使用者參與度的公司非常有用。

學術研究

這些工具收集到的詳細數據也對學術目的來說非常有價值。通過分析這些資料、數據,可以分析網路上一些使用者的使用模式、線上活動行為。

優化使用者體驗

通過分析 web beacon 收集到的資料,公司可以針對受眾提供更個別化的內容和廣告。例如:社群平台透過這些有效的數據,投放使用者可能有興趣的廣告、影片,提高使用者觀看廣告、停留在網站的時間。

網絡信標的缺點

公司聲譽風險

過度依賴網絡信標和類似的追踪機制可能是有害的。隨著對數字隱私的關注日益增加,被視為侵入性的企業可能會損害其品牌形象並降低用戶信任。

隱私問題

網絡信標的主要缺點是可能侵犯隱私。它們在未明確獲得用戶同意的情況下監控跨平台行為,可能導致不希望的數據收集和用戶資訊的濫用。它們隱秘的本質進一步加劇了使用者對於線上追蹤的擔憂。

結語

網路信標是一個有效收集使用者數據的工具,但我們在使用這項工具也需要注意不可以濫用,而是在符合當前區域法規下,做數據的收集。

如果有任何問題,歡迎留言發問!

如果喜歡此篇內容,也歡迎觀看其他文章。

參考引用

Web beacons on websites and in e-mail

其他文章參考

2023 Yahoo! Software Engineer 軟體工程師面試心得

為何大公司都使用Nx ? Monorepo工具 5 分鐘快速建置

你真的懂Monorepo? 5 分鐘帶你認識前端大型架構

Zustand 是什麼? React 前端狀態管理

在〈Web Beacon 網路信標是什麼?除了 Cookie 以外,你需要了解的工具〉中有 2 則留言

  1. First of all I would like to say great blog! I had a quick question which I’d like to ask
    if you don’t mind. I was interested to find out how you center yourself
    and clear your thoughts prior to writing.
    I’ve had a hard time clearing my mind in getting
    my thoughts out. I truly do enjoy writing however it just seems like the first 10 to 15 minutes
    are generally lost simply just trying to figure out how to begin. Any suggestions or tips?
    Thank you!

    my web-site เว็บความรู้

    1. Thank you for your compliments and your question! Regarding your inquiry on “how to start writing?”
      I’m not a software engineer who writes a lot of technical articles, but rather I approach it from a learner’s perspective.Every time I engage in learning, I consider if there’s an easier way for others to understand.
      And based on these methods, I proceed to write articles, which eventually accumulate over time. Also, thank you as well for your question!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

zh_TW繁體中文