为什么通常在发送数据埋点请求的时候使用的是 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>

转载于:https://www.cnblogs.com/wangxi01/p/11224534.html

为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？相关推荐

为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片
为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片能够完成整个 HTTP 请求+响应(尽管不需要响应内容) 触发 GET 请求之后不需要获取和处理数据.服务器也不需要发送数 ...
关于数字化营销技术实现之【数据埋点】
1.如何实现数据埋点? 小程序数据埋点是指在小程序中收集用户行为数据和业务数据的一种技术手段,以便对用户行为和业务运营进行分析和优化.下面是一些实现小程序数据埋点的方法: 使用小程序统计分析工具:小程 ...
如何在客户端发送ajax请求,ajax - 从服务器(nodejs)发送数据到客户端(ajax请求)
如何使用nodejs将数据从服务器发送到客户端? 所以基本上我通过点击一个按钮来调用这个函数 javascriptfunction createStuff(tid) { $.ajax({ type: ...
pythonrequests发送数据_在python中使用requests 模拟浏览器发送请求数据的方法
在python中使用requests 模拟浏览器发送请求数据的方法如下所示: import requests url='http://####' proxy={'http':'http://#### ...
pyhon3模拟登录百度（2）—— 使用IE11理清百度登录内部逻辑和分析请求发送数据
依照思路来,第一步就是难点和重点,搞清楚了网页登录的内部逻辑,才能进行下一步的模拟登录. 这里,我的浏览器是IE11.因为已经看了一篇手把手教学分析登录逻辑的文章,所以这里写的要节省多了. 通过分析发 ...
Vue 发送数据请求
这边是将我之前开发的一个项目开发记录进行分享一下吧,可能写的不是很好,毕竟还只是一个在校生.只能说还是一个新手小白的开发记录吧. 有需要的可以借鉴一下,有问题哈哈也欢迎指出,毕竟发现问题才能更好的进 ...
curl post请求表单_curl 模拟POST方法发送数据
用POST方法发送数据当发起GET请求时,数据可以通过"查询字串"(query string)传递给一个URL.例如,在google中搜索时,搜索关键即为URL的查询字串的一部分: ...
埋点是什么意思_掌握数据生命周期：初识数据埋点
谈到数据驱动业务,离不开数据是怎么来的,数据收集是整个数据生命周期的初始环节. 数据生命周期的大体介绍,在过去的一篇文章中有提到.虽然文章的部分内容我准备重新构造,但是对于这部分的基础环节,并没有太多 ...
ios无痕埋点_掌握数据生命周期：初识数据埋点
谈到数据驱动业务,离不开数据是怎么来的,数据收集是整个数据生命周期的初始环节. 数据生命周期的大体介绍,在过去的一篇文章中有提到.虽然文章的部分内容我准备重新构造,但是对于这部分的基础环节,并没有太多 ...

为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？

为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？相关推荐

最新文章

热门文章