<!DOCTYPE html>
<html><head><title>How do I add tracking pixels or JavaScript code to [...]?</title></head><body>
<strong>How do I add tracking pixels or JavaScript code to [...]?</strong><br />
<br />
In this FAQ, we’re going to show you where to install tracking pixels and tracking code in the many popular page building tools and affiliates networks in use. But, before you read further, if you don’t already have a good understanding of where to install tracking pixels on an HTML page, the rest of this document will make more sense if you review this FAQ first:<br />
<table border="0" cellpadding="0" cellspacing="0" style="box-sizing: border-box; border-collapse: collapse; border-spacing: 0px; max-width: 100%;">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; width: 20px;"><a href="/user/faqs.cgi?answer=203"><img height="20" src="//cdn.clickmagick.com/images/user/faqpage.gif" style="box-sizing: border-box; border: 0px; vertical-align: middle;" width="17" /></a></td>
<td style="box-sizing: border-box;"> </td>
<td style="box-sizing: border-box;"><b><a href="/user/faqs.cgi?answer=203">Where do I install tracking pixels and tracking code?</a></b></td>
</tr>
</tbody>
</table>
<br />
<br />
<strong>Installing Tracking Pixels and Tracking Code in Page Builders</strong><br />
<br />
To install tracking pixels and tracking code in Page Builders, you’ll generally want to look for the Page Settings of the page you’re editing. It’s very common to find the Page Settings button displayed as a “gear” icon: <img alt="" src="//cdn.clickmagick.com/images/user/options.png" /><br />
<br />
After clicking on the Page Settings button, look for something that talks about tracking pixels, tracking code, or JavaScript (since tracking code is usually written in JavaScript).<br />
<br />
Once you’ve found the correct area, you’ll typically be allowed to insert pixels or code in either the “head” or “body” sections.<br />
<br />
Some Page Builders will let you be even more specific by letting you choose between the start or end of a section. The end of the “body” section (right before the <code>((/body))</code> tag) is often called the “footer” section, so that’s something to keep in mind, particularly if you’re trying to insert the Sub-ID code which should go in the footer section.<br />
<br />
<b>Tip:</b> Here’s a quick overview of where you should install the different types of tracking pixels and tracking code for best results:<br />
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 104px;" valign="top"><code>((head))…<br />
((/head))</code></td>
<td style="width: 8px;"> </td>
<td>The FunnelMagick tracking code, JavaScript tracking pixels, and Organic tracking code should all be inserted in the “head” section of the page if at all possible, but can be inserted in the “body” section if that’s your only choice.<br />
</td>
</tr>
<tr>
<td style="width: 104px;" valign="top"><code>((body))…</code></td>
<td style="width: 8px;"> </td>
<td>Traditional HTML tracking pixels that use the <code>((img))</code> tag <em>must</em> go between the <code>((body))</code> and <code>((/body))</code> tags and as close to the top <code>((body))</code> tag as possible.<br />
</td>
</tr>
<tr>
<td style="width: 104px;" valign="top"><code>…((/body))</code></td>
<td style="width: 8px;"> </td>
<td>JavaScript Sub-ID code (typically used for passing click IDs through pages) must go between the <code>((body))</code> and <code>((/body))</code> tags, as close as possible to the bottom <code>((/body))</code> tag.</td>
</tr>
</tbody>
</table>
<br />
<br />
Here’s how to add your tracking pixels in some of the most popular Page Builders, shopping carts and eCommerce platforms ...<br />
<br />
<br />
<strong>Add Tracking Pixels and Tracking Code in Leadpages</strong><br />
<br />
Find the page you want to add a pixel to and click the blue “Edit" button on the right side. Once in the editor, follow these steps:<br />
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>1.</b></td>
<td> </td>
<td>Click on the Settings option where it says “Lead Page Options” in the menu on the lefthand side of the page. This will display a pop-up window.</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>2.</b></td>
<td> </td>
<td>Select “Tracking Codes” from the pop-up.</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>3.</b></td>
<td> </td>
<td>
<table border="0" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>You will have the option to paste your pixels and code in the “Head” section, or the “End-of-Body” section.<br />
<br />
Paste your tracking pixels and Sub-ID code in the End-of-Body section and paste your Organic and FunnelMagick tracking code in the Head section.<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221leadpages.jpg" /><br />
<br />
If you’re using Leadpage’s Drag & Drop Editor, you can find instructions on how to insert tracking pixels and tracking code here:<br />
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><a href="https://support.leadpages.net/hc/en-us/articles/115007582368-Use-Third-Party-Analytics" target="_blank"><img height="20" src="//cdn.clickmagick.com/images/user/faqpage.gif" width="17" /></a></td>
<td> </td>
<td><b><a href="https://support.leadpages.net/hc/en-us/articles/115007582368-Use-Third-Party-Analytics" target="_blank"> Adding Tracking Code To Your Leadpage — Drag & Drop Builder</a></b></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<strong>Add Tracking Pixels and Tracking Code in ClickFunnels</strong><br />
<br />
Go into the editor for the page you want to add the tracking pixel or track code to, then follow these steps:<br />
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>1.</b></td>
<td> </td>
<td>Select “Settings” at the top of the page editor.</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>2.</b></td>
<td> </td>
<td>Select “Tracking Code”.</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>3.</b></td>
<td> </td>
<td>You will have the option to paste your pixels and code in the “Header” section, or the “Footer” section. Remember, “Footer” is just another way of saying “at the end of the Body section, before the <code>((/body))</code> tag”.<br />
<br />
Paste your Organic and FunnelMagick tracking code in the Header section, and paste your tracking pixels and Sub-ID code in the Footer section.<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221clickfunnels.jpg" /></td>
</tr>
</tbody>
</table>
<div class="faq-note"><b>Note:</b> With ClickFunnels, your “Thank You” pages will almost always be secure <code>https</code> pages so you’ll normally want to use <code>https</code> in your pixel URL as well. Simply choose the “secure” option in the <a href="/user/action/tools/pixelb.cgi" target="_blank"><strong>Pixel Builder</strong></a> which will change the pixel from <code>http</code> to <code>https</code> and you’ll be all set.</div>
<br />
<br />
<strong>Add Tracking Pixels and Tracking Code in OptimizePress</strong> <br />
<br />
First click “Page Settings” in the LiveEditor for the page you want to add a pixel to, then select “Other Scripts”.<br />
<br />
There are four places you can add pixels and tracking code depending on what you’re adding. For ClickMagick pixels select “After <code>((body))</code> tag”.<br />
<br />
For Organic or FunnelMagick tracking code, select “Header”, and for Sub-ID code select “Footer”.<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221optimizepress.jpg" /><br />
<br />
<br />
<strong>Add Tracking Pixels and Tracking Code in InstaBuilder</strong><br />
<br />
To add pixels or tracking code to an InstaBuilder page, enter the page editor and follow these steps:<br />
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>1.</b></td>
<td> </td>
<td>Click on the gear Settings button in the upper-right corner of the page to open the Settings menu.</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>2.</b></td>
<td> </td>
<td>Choose “Scripts/Codes” from the menu.</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top"><b>3.</b></td>
<td> </td>
<td>The “Scripts/Codes” panel gives you the option to paste your pixels and code in one of three places, the Head section, the start of the Body section, right after the <code>((body))</code> tag, and in the Footer section, right before the closing <code>((/body))</code> tag.<br />
<br />
You should paste tracking pixels in the Body section. Your Organic and FunnelMagick tracking code should go in the Head section. And your Sub-ID code should go in the Footer section.<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221instabuilder.jpg" /></td>
</tr>
</tbody>
</table>
<br />
<br />
<strong>Add Tracking Pixels and Tracking Code In WordPress</strong><br />
<br />
To add a tracking pixel to a WordPress page simply edit the page in question, click the “Text” tab in the upper right-hand corner of the editor to switch to source mode, and then paste your tracking pixel code into the box as shown below …<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221wordpress.jpg" /><br />
<br />
<br />
A more powerful solution for WordPress is to install a tracking code plugin such as the popular “Tracking Code Manager.” With this plugin, you can place tracking pixels or tracking code on any page anywhere without having to touch the pages themselves.<br />
<br />
Just install the plugin, then install pixels and code from the plugin’s settings.<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221trackingcodemgr.jpg" /><br />
<br />
<br />
One great feature of the Tracking Code Manager is that you can make system-wide settings. This can be extremely useful for Organic and FunnelMagick pages—just install the tracking code <em>once</em> “for all pages” and you never have to worry about installing code on individual pages.<br />
<br />
Our video tutorial on <strong><a href="/misc/video.cgi?name=organic">Organic Tracking</a></strong> will show you exactly how to install and use the Tracking Code Manager. Look for the Chapter mark on the video titled <em>Installing the WordPress “Tracking Code Manager”</em>.<br />
<br />
<br />
<br />
<strong>Add Tracking Pixels and Tracking Code in Unbounce</strong><br />
<br />
To add JavaScript code to the “head” of a page you’ll want to use Unbounce’s Script Manager which you can find in the bottom left corner of the Landing Page Editor.<br />
<br />
To add an image tracking pixel to the “body,” just add a new code section to your “Thank You” page by clicking on the “<code>(())”</code> button and pasting it there …<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221unbounceeditor.jpg" /><br />
<br />
<br />
The Script Manager will take you to the JavaScript editor where you can choose the placement of the code and insert the code:<br />
<br />
<img src="//cdn.clickmagick.com/images/user/faqs/faq221unbouncemgr.jpg" /><br />
<br />
<br />
<strong>Add Tracking Pixels in Instapage</strong><br />
<br />
To add a tracking pixel to the “head” of a page select “Settings” and then “HTML/CSS.” To add a pixel to the “body” of a page, like you need to do with ClickMagick, just add a new HTML Element, click the blue “Edit” button and paste your pixel code there …<br />
<br />
<img alt="" src="//cdn.clickmagick.com/images/guide/pixelinstapage.jpg" /><br />
<br />
<br />
<strong>Add Tracking Pixels in Shopify</strong><br />
<br />
To add a sales tracking pixel to your Shopify order status page, just click “Settings” and then “Checkout.” Then in the “Order processing” section just paste your tracking pixel into the “Additional content and scripts” box …<br />
<br />
<img alt="" src="//cdn.clickmagick.com/images/guide/pixelshopify.jpg" /><br />
<br />
To include the order amount in your tracking pixel, just use this Shopify token:<br />
<br />
{{ total_price
</body></html>