Placing Pixels

How do I place pixels (aka tags) on the site for remarketing and conversion tracking?

Mike Hauptman avatar
Written by Mike Hauptman
Updated over a week ago

Directly on site or in .php template : 

For those with more advanced experience placing pixels.

  • The JavaScript code should be placed in the Header or Footer across all pages,

  • Scroll down to the closing, and paste the tag code directly above it.

  • Experienced web developers can do what they normally would with partner pixels.

Example: See the examples below, using a sample footer.php file, but please note your file will probably be different. This process will work with any PHP code if you just find the footer.

Sample PHP before the pixel has been installed (sample only — don’t use in your website’s code).

<?php wp_footer(); ?>
<!– <?php echo MANN_THEME_NAME ; ?> created by m.man. – https://themes.mann.com –>
</body>
</html>

Sample PHP after pixel has been installed (sample only — don’t use in your website’s code).

<?php wp_footer(); ?>
<!– <?php echo MANN_THEME_NAME ; ?> created by m.man. – https://themes.mann.com –>
<script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=11111&mt_adid=222222&v1=ABC123&v2=&s1=&s2=&v3=&s3='></script>
</body>
</html>

Within a tag management solution:

The JavaScript Event Pixel can also easily be placed within 3rd party tag management solutions. Simply add the JavaScript Event Pixel in the tag management solution (following their workflow/guidelines), save and update to deploy across the site. 


WordPress:

To add the Pixel to your self-hosted WordPress page, it is recommended to use a Plugin, such as “Insert Headers and Footers” 

 Once the Plugin is Installed and Activated, 

  1. In WordPress select Settings > Insert Headers and Footers

  2. Paste the Pixel Code into the “Scripts in Footer” Section

  3. Click Save


Squarespace:

  1. In the left sidebar, navigate to Settings > Advanced. 

  2. Find Code Injection and paste your Pixel into the footer section.

  3. Click Save

Blogger

  1. In Blogger, create a backup of your template

  2. Go to Dashboard > Theme > Edit HTML

  3. Click inside the html window and scroll or search to find ‘</body>’

  4. Paste the pixel code immediately before '</body>'

Did this answer your question?