Web Analytics - Pixel (1×1 gif, Clear Gif)

Card Puncher Data Processing


Tracking pixels (aka beacon, 1×1 gif, or clear gif) is a tracker that allow for tracking where a POST requests are disallowed (mostly to track Open Email), but where you can embed an image that will perform a get with data passed in query string


  • Pro: Works even if POST requests are disallowed
  • Cons: Data payload is limited by the 2000 character URL length limit.



Raw data



  • Aws - Cloudfront - the request gets logged to the web log saved in S3 including some additional data provided by Cloudfront. (E.g. requester IP address and URL.)

Json Encoded




The IMG tag

  • The Img tab would be where the src is a route that returns a 1×1 pixel image
<img id="pixel" src="https://api.example.com/pixel/track?data=xxxxthedataxxx" style="display:none">

Json Payload Encoding

  • A payload (a json)
let payload = {
  "userId": "025pikachu025",
  "event": "Email Opened",
  "properties": {
    "subject": "The Electric Daily",
    "email": "[email protected]"
let encodedData = window.btoa(JSON.stringify(payload));
console.log("The payload encoded is: "+encodedData);
  • Result:

Return a 1×1 image in Php

How to send a 1×1 image as response in php. Source

header('Content-Type: image/gif');
header('Content-Length: '.strlen($img));
header('Connection: Close');
print $img;

Documentation / Reference

Discover More
Card Puncher Data Processing
Ad - tracking

tracking of ad impression event may be created via: Pixel (HTTP get URL request) Postback URL. (ie an HTTP post URL request ) Image
Checkout Page

A checkout page is a page of a third party payment processor. You can track the fact that the page was open with a tracking pixel.
Card Puncher Data Processing
Consumer Analytics - Event Collector

A collector collects event send by a tracker The event and data send are describe in a measurement protocol Data aggregation refers to techniques for gathering individual data records (for example...
Email - Open (Tracking)

Opening an email is an user action that shows engagement and is one of the email metrics. The opened email are tracked with a invisible one-pixel image. Ie when the email loads images, a HTTP get...
Card Puncher Data Processing

(Ez) tracker page. is installed on website as a forward proxy which means that the request seems to come from the publisher website. uses the following endpoint /ezoic/e.gif...
Card Puncher Data Processing
How are users/consumers tracked on the internet?

This page shows how tracking works. tracking is the process of following a user. Tracking Cookie: Evercookies, Cookie Syncing - Automatically re-sync unique cookie ID across consumer devices....
Card Puncher Data Processing
Web Analytics - Tag (Pixel, beacon)

tag are information send during a request Tags are also known: as beacon or pixels (invisible image) It's a code or snippet that: defines what ads to put on the site or app. you insert in the...
Card Puncher Data Processing
What is a Analytics Application?

What is a Analytics Application? Analytics is a event-driven data application that analyses collected analytics events . The events can be collected: real-time created by a tracker application (for...
Card Puncher Data Processing
What is a user-event tracker ? (Analytics Script)

Trackers are client or server-side libraries which track user behavior by sending events. There are two methods of tracking: (Recommended): Events are generated on the server : Events are generated...

Share this page:
Follow us:
Task Runner