為什么通常在發送數據埋點請求的時候使用的是 1x1 像素的透明 gif 圖片?


  • 避免跨域(img 天然支持跨域)
  • 利用空白gif或1x1 px的img是互聯網廣告或網站監測方面常用的手段,簡單、安全、相比PNG/JPG體積小,1px 透明圖,對網頁內容的影響幾乎沒有影響,這種請求用在很多地方,比如瀏覽、點擊、熱點、心跳、ID頒發等等,
  • 圖片請求不占用 Ajax 請求限額
  • GIF的最低合法體積最小(最小的BMP文件需要74個字節,PNG需要67個字節,而合法的GIF,只需要43個字節)
  • 不會阻塞頁面加載,影響用戶的體驗,只要new Image對象就好了,一般情況下也不需要append到DOM中,通過它的onerror和onload事件來檢測發送狀態。
  • 示例:
    <script type="text/javascript">
     var thisPage = location.href;
     var referringPage = (document.referrer) ? document.referrer : "none";
     var beacon = new Image();
     beacon.src = "http://www.example.com/logger/beacon.gif?page=" + encodeURI(thisPage)
     + "&ref=" + encodeURI(referringPage);
    </script>

     


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM