在图像中嵌入分析代码,以便在显示图像时触发

Question

是否可以在图像中打包分析代码,并在图像加载到网页时触发该代码？

图像将通过文件上传表单字段插入页面,例如,如果我要向此问题添加图像,我无法直接访问该页面添加HTML或JS.

目标是跟踪我无权访问任何代码的页面上的页面浏览量,只能上传图像.

几乎有点像"特洛伊木马"的方法,但没有任何恶意.

Answer 1

跟踪像素需要特定的结构和特定的服务器。

所以我无法想象像特洛伊木马这样的东西，但您可以将图像加载作为事件进行跟踪。

尝试这样的事情：

单一用途客户端

<img src="" alt="Facebook is new god" id="fblogo"/>

<script type="text/javascript">
    window.onload = function () {
        var logo = document.getElementById('fblogo');
        logo.onload = function () {
            ga('send', 'event', 'FB', 'Loaded');      
        }; 
        logo.src = 'https://facebook.com/fb/logo.png';
    };
</script>

测量协议方式-服务器端

https://www.google-analytics.com/collect

?v=1                                    // Protokol version
&tid=UA-XXXX-Y                          // Property ID
&cid=55568765456                        // Client ID stored in database or random number 

&dh=forum.eu                            // referrer
&dp=image78974.png                      // filename

&t=event                                // send instruction

&ni=1                                   // non inteaction flag
&ec=Image                               // Event Category
&ea=Load                                // Event Action
&el=image78974.png                      // Event Label