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.
<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.
Tip: ClickMagick’s Pixel Builder makes it easy to create tracking pixels. You can always find the Pixel Builder in the Tools menu.
The Structure of an HTML Page
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 <body> and </body> tags, and for best performance, you’ll want to place them as close as possible to the top <body> 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.
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.
Tip: 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: