What are tracking pixels and tracking code?
ClickMagick supports industry-standard “tracking pixels” to help you track conversions and goals within your sales funnel.
For example, if you’re asking for an email address in an opt-in page, and the Thank You page for the email opt-in is displayed, then you know that the email address was entered and accepted. If you install a tracking pixel or piece of tracking code in the Thank You page, then when the page it displayed, it can report the results back to ClickMagick.
The “trick” is in installing the tracking pixel in the right
place on the page and that’s what we’re going cover here.
Tracking Pixels vs. Tracking Code
Strictly speaking, a traditional tracking “pixel” is a piece of HTML code that displays a single dot on the screen, and in computer terminology, a single dot is called a “pixel,” short for “picture element.” The pixel is displayed using the “image” tag of the HTML markup language and looks like this:
<img src="..." height="1" width="1" />
Because a pixel is a display element, it must
be inserted in the “body” section of your web page which will be explained in just a moment.
tag and looks like this:
<script> ...code... </script>
Tracking code can legally be included anywhere on the web page, but depending on what the code does, you may have to insert it in specific places for it to work as intended.
The Structure of an HTML Page
ClickMagick’s Pixel Builder
makes it easy to create tracking pixels. You can always find the Pixel Builder
in the Tools
The Pixel Builder
With that background, a typical HTML page has this structure behind the scenes:
... all display elements
Because traditional HTML tracking pixels are display elements, they must
go in the “body” section, between the
tags, and for best performance, you’ll want to place them as close as possible to the top
tag. That way, if the page loads slowly and the user clicks away before the page is fully loaded, the tracking pixel has a better chance of being loaded before the page disappears.
tags, again so that they’ll load as early as possible, but you can put them in the “body” section if that’s your only choice.
If you’re editing directly in HTML, you can install your tracking pixels or tracking code by simply pasting them between the correct HTML tags for what you’re trying to do.
Article 203 Last updated: 07/02/2020 11:48:02 AM
If you can’t edit your web pages directly in HTML, you’ll need to add your tracking pixels and tracking code using the page settings of the Page Builder or affiliate network you’re working with. Every system is different so we have a separate article that can help you find where to enter these settings for your specific situation: