Criar pixel de rastreamento

Ola Pessoal, alguém sabe indicar o "caminho das pedras" para criar meu próprio pixel de rastreamento e monitorar eventos nas minhas páginas web?

Pixel Exemplo:

<script type="text/javascript">

(function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function() {(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo"); vgo('setAccount', 'ID_Conta'); vgo('setTrackByDefault', true);

vgo('process');

</script>

O que você acha de dividir as responsabilidades ? O que você pode fazer é uma url que receba uma série de parametros e seu retorno seja o pixel(exemplo em php mas é facil adaptar pra outras linguagens):

header('Content-Type: image/png');

//Pegue os parametros GET e faça seu processamento

echo base64_decode('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=');

Ai na sua pagina você chama:

<img src="http://sua/url/?param1=x&param2=w&...">

Por que atacar o problema assim?

Simples, seu código fica mais agnostico do navegador e independente do javascript, o que ajuda muito quando trabalhamos com e-mail marketing(versões antigas do outlook utilizam motor do IE), o tracking ainda funcionará mesmo que o o usuário utilize extensões como noScript e etc

Mergulhe em programação