Skip to main content

Install Pixels in Google Tag Manager

Use Google Tag Manager to add, configure, and uninstall MNTN tracking and conversion pixels.

Taylor Dunne avatar
Written by Taylor Dunne
Updated yesterday

Overview

Google Tag Manager (GTM) is a free tool designed to make it easy to manage marketing and analytics tags on your website or app without requiring changes to the codebase. With GTM, you can add, edit, and organize tags—small snippets of code such as the MNTN Pixel. This eliminates the need for ongoing developer involvement, helping you deploy marketing campaigns faster and with fewer errors.

If you utilize GTM, you may install the MNTN pixels directly within the system. Installing both the tracking and conversion pixels is required to launch on MNTN. You can access, copy, and email your pixels directly from the Pixels tab under the My Account section.

GTM operates by embedding a small container code snippet on your site. This container acts as a framework to dynamically load tags based on predefined rules. Key GTM components include:

  • Tags: Code snippets for tracking (e.g., MNTN Pixel or Google Analytics).

  • Triggers: Conditions that determine when a tag fires (e.g., when a page loads or a button is clicked).

  • Variables: Data that supports triggers and tags, such as page URLs or user inputs.

You can configure these components within GTM’s interface to manage tracking on your site efficiently.

How to:

Install pixels from start to finish

  1. Add the GTM container to your site.
    If GTM has not been installed, you can follow Google’s setup guide.

  2. Install the MNTN Pixel tags in GTM.
    Use the MNTN Community Template to quickly add and configure your MNTN Pixel.

  3. Set up triggers for your MNTN Pixel.
    Choose the user actions you want to track (e.g., page views, button clicks, or form submissions) and configure the corresponding triggers in GTM.

  4. Check your GTM variables.
    Ensure the dataLayer includes the data your MNTN Pixel requires, such as order details or product information. Much of this data may already be available if you're using Google Analytics.

  5. Validate your setup.
    Use GTM’s Preview Mode to test that the pixel is working correctly and capturing the expected data.

  6. Publish your changes.

  7. Submit for verification.

    After verifying that the MNTN pixels are firing, return to the Pixel Dashboard by selecting Pixel from My Account. Select the Google Tag Manager pixel installation method and click Submit for Verification.

Install the tracking pixel

The tracking pixel tracks user activity across your site, allowing you to generate powerful site-visitor segments. It also tracks Verified Visits™, which are site visits that occur after exposure to your MNTN ads.

  1. On your GTM dashboard, ensure you are in the correct account or workspace.

  2. Click Add New Tag.

  3. Select Tag Configuration and navigate to Custom HTML.

  4. Paste the MNTN Tracking Pixel within the HTML portion.

    Do not click anything else within this section.


    💡 Pro Tip: Your MNTN Tracking Pixel can be found under My Account > Pixels. Please select the Manual Installation pixel installation method and copy the Tracking Pixel. If this is not the preferred method, please select the Review All Installation Methods link to access the Manual Installation Install button.


  5. Apply a trigger to ensure the pixel fires by clicking Choose a Trigger.

  6. Select the trigger that applies to All Pages.


    📝 Note: If you have multiple subdomains, select the site(s) you want to be included when monitoring MNTN performance.


  7. Name this tag MNTN Tracking Pixel.

  8. Click Save.

    mceclip0.png

Install the conversion pixel

The conversion pixel will track your conversion event, such as a purchase or sign-up. Activity generated from the conversion pixel will optimize your campaigns and track Verified Conversions after exposure to your ads.

  1. Create a new tag for the Conversion Pixel by selecting Add Tag.

  2. Select Tag Configuration and navigate to Custom HTML.

  3. Paste the MNTN Conversion Pixel within the HTML portion.

    Do not click anything else within this section.


    💡 Pro Tip: Your MNTN Conversion Pixel can be found under My Account > Pixels. Please select the Manual Installation pixel installation method and copy the Tracking Pixel. If this is not the preferred method, please select the Review All Installation Methods link to access the Manual Installation Install button.


  4. Add your GTM variables into variables "l" and "i" to define your Order ID and Order Amount:

    • "l" = Order ID

    • "i" = Order Amount

    Order ID and Order Amount Formatting:

    • Add your variables within two curly brackets {{variable}}.

    • Remove the double quotes from these two variables.


      📘 Example: l ={{order.id}}


    If you do not know how to place the variables or you don't know which variables to use, please leave the tag as is, and our team can help further assist.

  5. Apply a trigger to ensure the pixel fires at the conversion point by clicking Choose a Trigger.

  6. Select the trigger that applies to ONLY the conversion page or conversion event.

  7. Name this tag MNTN Conversion Pixel and click Save.

  8. Click Publish.

Configure GTM triggers


GTM triggers are rules or conditions that determine when a tag fires. For example, you can configure a trigger to fire a tag when a specific page is viewed, a form is submitted, or a button is clicked.

  1. Decide what actions to track.
    Common triggers for MNTN customers include:

    • Page views: For general site tracking or specific pages (e.g., "thank-you" pages).

    • Clicks: For tracking buttons or links.

    • Form submissions: For actions like newsletter sign-ups.

    • Element visibility: For tracking when specific elements, like pop-ups, become visible.

  2. Set the trigger type and conditions.


    📘 Example: To track clicks on a button with the ID submit-button, create a Click trigger with the condition Click ID equals submit-button.


  3. Test your triggers.
    Use Preview Mode to ensure your triggers fire as expected.

Use common GTM triggers

Google Tag Manager (GTM) offers flexible triggers to fire tags based on specific user actions. Whether it's a:

  • pageview

  • form submission

  • link click; OR

  • in-page navigation

these triggers help you track key interactions on your website. Each trigger type serves different purposes and can be tailored to fit specific conditions. Below are the step-by-step guides to set up the following GTM triggers most commonly used by MNTN customers.

On Page View:

Fires a tag when a specific page (or all pages) loads. Use this to track page visits on all pages or to track conversion events when a user lands on an important page, like a "thank you" page after completing a purchase:

  1. In GTM, go to Triggers and click New.

  2. Name your trigger.

  3. Select Trigger Configuration, and choose Page View.

  4. Choose Some Page Views.

  5. Set Conditions:


    📘 Example: Page URL contains /thank_you (for tracking visits to a thank-you page).


  6. Click Save.

  7. Assign it to the MNTN Conversion Tag in Tags under the Triggering section.

  8. Test using Preview Mode.

  9. Click Publish.

On Link Click or Button Click:

Tracks when users click specific links or buttons. This is useful for monitoring engagement with outbound links, call-to-action buttons, or important site interactions like "Submit," "Buy Now," or "Website."

  1. In GTM, go to Triggers and click New.

  2. Name your trigger.

  3. Choose Trigger Type.

    Select:

    • Click - All Elements; OR

    • Click - Just Links (if it’s specifically a link)

  4. Under This trigger fires on, select Some Clicks.

  5. Set your OR conditions to track clicks based on various attributes:


    📘 Example: Click:

    • ID equals "submit-button"; OR

    • Text equals "Submit"; OR

    • Class contains "btn-primary"


  6. Save the trigger.

  7. Assign it to the MNTN Conversion tag in Tags under the Triggering section.

  8. Test using Preview Mode.

  9. Click Publish.

On Form Submit:

There are two common cases for form submission, which are handled slightly differently. The first is when submitting the form takes the user to a separate confirmation or thank you page. The second is when the form submission leaves the user on the same page, but with a message shown, such as a confirmation or thank you pop up.

If the user

Then

Is sent to a new page

Fires a tag when a user is redirected to the thank-you page.

  1. In GTM, go to Triggers and click New.

  2. Name your trigger

  3. Select Form Submission.

  4. Choose Some Forms, and set conditions like: Page URL contains "thank-you"

  5. Save the trigger.

  6. Assign it to the MNTN Conversion tag in Tags under the Triggering section.

  7. Test using Preview Mode.

  8. Click Publish.

Stays on the same page

Fires a tag when a specific element (e.g., thank-you message) becomes visible on the page.

  1. In GTM, go to Triggers and click New.

  2. Name your trigger.

  3. Select Element Visibility.

  4. Set CSS Selector (e.g., #thank-you-message) and add Page URL (e.g. contains "thank-you").

  5. Save the trigger.

  6. Assign it to the MNTN Conversion tag in Tags under the Triggering section.

  7. Test using Preview Mode.

  8. Click Publish.

On Anchor Link Click (History Change):

Tracks URL fragment changes (i.e., clicks on anchor links that don’t load a new page but scroll to a section on the same page). Use this for tracking in-page navigation, such as when users click links that scroll to different sections of a page.

  1. In GTM, go to Triggers and click New.

  2. Name your trigger.

  3. Select Trigger Configuration, and choose History Change.

  4. Under This trigger fires on, choose Some History Changes.

  5. Set your OR conditions by clicking the + to add multiple conditions:


    📘 Example:

    • New History Fragment contains section; OR

    • New History Fragment contains about; OR

    • Page URL contains #anchor-link


  6. Save the trigger.

  7. Assign it to the MNTN Conversion tag in Tags under the Triggering section.

  8. Test using Preview Mode.

  9. Click Publish.

Use GTM's Community Template Gallery

The GTM Community Template Gallery is an open platform for sharing tag templates. Your team can easily add and customize tracking codes from the Gallery through your GTM workspace, even without technical expertise. MNTN's pixels are available in the Gallery for a seamless pixel setup.

Below, you'll find details on how to install them directly from GTM's Template Gallery:

  1. Navigate to the Pixel Dashboard.

    1. Under My Account, select Pixel.

    2. Click the Install button next to the Google Tag Manager pixel option.

      If this is not the preferred method, please click Review All Installation Methods link to access the Google Tag Manager Install button.

    3. The Google Tag Manager Pixel Setup module will display your Advertiser ID, a guide to installing pixels with the GTM Community Template, and a button to view the community template.

  2. Access Your Google Tag Manager Workspace.

    Login to your GTM account.

  3. Open the Community Template Gallery.

    1. In your GTM dashboard, either:

      • From the Overview page, under the New Tag section, click Add a new tag; OR

      • From the left-hand column, click Tags from the left column and then click New on the right-hand side.

  4. Find the MNTN Pixel Templates.

    1. Rename Untitled Tag at the top of the new window with the name of the tag you are installing.

    2. Click on the first box labeled Tag Configuration.

    3. Select Discover more tag types in the Community Template Gallery.

      A new pop-up window that brings you to the Community Template Gallery will appear.

    4. In the top-right corner, click the magnifying glass and enter MNTN to search for MNTN's available pixel codes.


      💡 Pro Tip: To easily monitor your different tags within your GTM workspace, we recommend using "MNTN Tracking Pixel" and "MNTN Conversion Pixel" as your naming conventions.


  5. Select and add the template.

    1. Click on the tag you want to add to your workspace:

      • MNTN Conversion Pixel

      • MNTN Tracking Pixel

      Once selected, you'll be brought to a new pop-up window dedicated to that specific pixel code.

    2. Select the blue Add to workspace button in the top-right corner.

    3. Select Add from the new window once reading through the permissions.

  6. Configure the template.

    • MNTN Tracking Pixel: Because this code is a template, you'll have to make the code is specific to your MNTN account to track your campaigns' performance accurately. To do this, you'll need to add your Advertiser ID to your tracking pixel, which can be found in your MNTN account:]

      1. Log in to your MNTN account.

      2. Select Pixel from your My Account menu in the top-right corner.

      3. Click Install next to the Google Tag Manager pixel installation method.

      4. Copy the Advertiser ID provided in the installation module.

      5. Add that numeric string to the Advertiser ID field in your GTM workspace.

      6. Select the Triggering box seen underneath the Tag Configuration box.

      7. Select All Pages from the three triggers so MNTN can accurately track campaign performance and de-dupe visits driven to your site.

      8. Rename the trigger Page View.

      9. Click Save.

        Once you hit save, the MNTN tag you added should be listed under your GTM tags.

      10. Go back and set up the other pixel.

        Read on for further instructions regarding that specific code.

    • MNTN Conversion Pixel: Because this code is a template, you'll have to make this code specific to your MNTN account to track your campaigns' performance accurately. To do this, you'll need to add your Advertiser ID to your conversion pixel, which can be found in your MNTN account:

      1. Log in to your MNTN account.

      2. Select Pixel from your My Account menu in the top-right corner.

      3. Click Install next to the Google Tag Manager pixel installation method.

      4. Copy the Advertiser ID provided in the installation module.

      5. Add that numeric string to the Advertiser ID field in your GTM workspace.

      6. If you are using Order ID and/or Order Amount, please enter the unique variables that you have set up in their designated fields.

      7. Now select the Triggering box seen under the Tag Configuration box.

      8. Select the trigger that fits your desired conversion setup.


        📝 Note: If you don't see the trigger that you need, you will have to create that trigger within your GTM workspace prior to selecting it for this step.


      9. Click Save.

        Once you hit save, the MNTN tag you added should be listed under your GTM tags.

      10. Go back and set up the other pixel.

        Read on further instructions regarding that specific code.

  7. Preview and Publish

    Before publishing the changes, use Preview mode to ensure the pixels are firing correctly. Preview will also notify you of any errors in your pixel setup that need your attention.

  8. Click Publish.

  9. Verify Pixel Implementation.

    Visit your website and use browser developer tools or extensions to verify that the MNTN pixels are firing as expected.

  10. Submit for Verification.

    After verifying that the MNTN pixels are firing:

    1. Return to the Pixel Dashboard by selecting Pixel from the My Account menu.

    2. Select the Google Tag Manager pixel installation method and click Submit for Verification.

Uninstall pixels from GTM

If you’re transitioning to a different method of implementing the MNTN pixel, such as manual installation on your site, Shopify app, or another tag management system, you’ll need to remove the existing pixel from Google Tag Manager (GTM) and reset your pixel installation in MNTN.


⚠️ Warning: Keeping multiple pixel implementations can lead to duplicate tracking, inaccurate reporting, and data discrepancies.


This guide will walk you through the steps to properly uninstall the MNTN pixel from GTM to ensure clean and accurate performance tracking:

  1. Log in to Google Tag Manager.

    1. Visit Google Tag Manager and log in to your account.

    2. Select the container associated with the website where the MNTN Pixel is currently installed.

  2. Delete the MNTN Pixel tags.

    1. In the GTM dashboard, navigate to the Tags section.

    2. Search for tags named or labeled as "MNTN Pixel" or related identifiers (e.g., “MNTN Page View” or “MNTN Conversion”).

    3. Delete the MNTN Pixel tags.

    4. Click on the MNTN Pixel tag you want to remove.

    5. Select Delete in the top-right corner of the tag editor.

  3. Remove associated triggers (if applicable).

    1. Navigate to the Triggers section.

    2. Identify any triggers specifically created for the MNTN Pixel (e.g., triggers named "MNTN Conversion Trigger").

    3. Click on these triggers and delete them to ensure they no longer attempt to fire removed tags.

  4. Preview and validate changes.

    Use Preview Mode to confirm that no MNTN Pixel tags or related triggers remain active.

  5. Publish your changes.

    1. After confirming that the MNTN Pixel has been successfully removed, return to the GTM dashboard.

    2. Click Submit.

    3. Add a version name and description (e.g., “Removed MNTN Pixel tags and triggers”) for better tracking of container updates.

Reset pixel installation

If you need to change your pixel installation method, resetting your pixel installation is easy.

Resetting allows you to select a different pixel installation method or opt out; however, it does not remove the tracking and conversion pixels from your site.

Quick Answers

What is the dataLayer?

The dataLayer is a JavaScript object that stores data about user interactions, making it accessible to GTM for tracking and tag triggering. For example, you can use the dataLayer to capture information such as:

  • Page views or form submissions

  • Order ID, total value, and product details

  • Custom events like button clicks

How does the dataLayer work?

  • Data Collection: The dataLayer stores information about user interactions on the website.

  • Triggering Tags: GTM reads the data from the dataLayer and uses it to trigger tags based on conditions (e.g., firing a tag when a purchase is made).

  • Creating Variables: The dataLayer data can be stored in GTM variables (e.g., form IDs, user names, transaction values), which are then passed to analytics or advertising tools.

How to use the dataLayer:
Here’s an example of a dataLayer.push() used for tracking a form submission:

javascriptCopy codewindow.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': 'formSubmission', 'formID': 'contactForm', 'userName': 'JohnDoe' });

GTM uses this data to trigger tags and populate variables, ensuring accurate and dynamic tracking. In this example:

  • An event named formSubmission is pushed to the dataLayer, along with the form ID and user name.

  • GTM can now use this event and data to trigger tags (such as tracking form completions).

Do I need to remove triggers to unpublish MNTN pixels?

No. Deleting the MNTN pixels will ensure that they do not fire; however, you can remove the associated trigger if it is not being used by another pixel tag.

Did this answer your question?