什么是beacons - 在 Web Analytics 中的应用（网站分析的灯塔）

一直很想写篇关于beacon的文章，今天找资料时，无意间找到了一篇很好的英文文章，写的很好，现将其翻译过来，供大家学习。（省得我自己再写了！哈哈哈！让您见笑了啊！）
英文原文地址：
http://www.seolion.com/how-web-beacons-work/

友情提示：阅读完本文后，如果您觉得还是有些迷茫，您不妨再仔细阅读下以上的英文原文。由于作者的翻译水平有限，可能有很多地方翻译的不太准确（虽然有些地方我已经阅读原文很多遍，但是有的地方还是觉得翻译的不太好。），请大家多多谅解吧。哈哈哈！！！

Web beacons通常是一张1*1像素的透明图片,被包含在网页或Email中。它是客户端与Web Analytics数据收集服务器间进行数据交换的桥梁。
下面让我们看看Web beacons是如何将数据传输到服务器的。

Web beacons是通过javascript tags实现的。
（原文：Web beacons through javascript tags）
通常，Web Analytics数据收集方法是通过javascript tag实现的。每个需要被分析或被跟踪的网页会包含一些javascript的代码。例如，下面是statcounter分析工具（它是免费的，这点很重要）的代码：

<!-- Start of StatCounter Code -->
< script type="text/javascript">
    <!-- var sc_project=2296441; var sc_invisible=1; var sc_partition=21;
    var sc_security="0d580486"; //-->
</ script>
< script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js">
</ script>
< noscript>
    <div class="statcounter">
        <
            <img class="statcounter" src="http://c22.statcounter.com/counter.php?sc_project=2296441&java=0&security=0d580486&invisible=1"
            alt="web tracker" />
        >
    
</ noscript>
<!-- End of StatCounter Code -->

让我们来分析一下这段代码。
前5行代码，是一些和statcounter账号相关的需要被初始化的变量（例如，sc_project, sc_invisible等等）。接下来的一行代码是引用一个statcounter的js文件。
statcounter的代码做了很多的事情。例如，它会找到当前被访问的页面的referring URL是什么，你使用的浏览器的窗口大小以及你的IP等等。

接下来我们就开始讲解今天的重点：Web beacon.
Web analytics收集到的数据就是通过statcounter的脚本完成的。在完成上述数据收集的初始化操作之后（前5行代码），收集的数据将会被发送到statcounter的服务器。
Web beacon(或者称它为“附属图片”)使这一切得以实现。首先，准备一个图片请求用的URL（通常在这个URL中包含了需要被收集的数据的所有变量及数值信息），然后Javascript生成一个标签，其src属性就是刚才准备好的URL。当浏览器在准备显示这个图片时，statcounter.com的脚本会根据请求中的参数（在第一步中已经准备好的）来收集数据，然后statcounter.com会发送一张11像素的透明图片作为response（别忘了，它是一个图片请求），并最终在浏览器中显示出来（这一切，对于访问者而言，并没有感觉出有什么变化，因为它只是一张11像素的透明图片）。

（下班了，明天就是中秋了，先回家了啊。放假回来再继续写啊。其它未翻译的部分我先>copy过来了。）（不好意思了各位。）
（中秋的休假太短了，三天一下子就过去了。我的心啊…，现在开始期待十一了！哈哈哈哈！现在继续把中秋前没翻译完的给翻译了。希望大家中秋过的都很愉快，并一起期待十一的到来吧！哈哈哈哈！）

Web beacons是作为被监测网页的数据传输载体。
（原文：Web beacons as part of a mobile specific web page）

您可能注意到以上statcounter代码中的