Skip to main content
All CollectionsWeb Pixel
How to Implement the OnSpot Web Pixel
How to Implement the OnSpot Web Pixel

Pixel Implementation, Google Tag Manager

Bill Joscelyn avatar
Written by Bill Joscelyn
Updated over a week ago

Users can generate a pixel that can be added to a website or landing page which will capture the IP address of the website visitor and convert that IP address into a Mobile Ad Id (MAID). This pixel audience can be combined with any other audience type to improve your campaign and attribution performance.

Simple Implementation

After you have created your web pixel JavaScript embed code, you can copy/paste the code into the header of your website. Make sure that the code is applied before the </head> closing tag.

Installing the Pixel with Google Tag Manager - All Pages

Google Tag Manager (GTM) is a very common tool for installing third party pixels or tags on websites. The instructions below demonstrate how to install the OnSpot Pixel on your website using GTM.

There is no need to place the pixel code in the header of your site if it is being placed with GTM.

Step #1

First, make sure you have a GTM account that is configured for your website.

Step #2

Sign into your GTM account and click on “New Tag”.

Step #3

Name your tag.

Step #4

Click on “Tag Configuration.”

Step#5

Scroll down and select “Custom HTML”.

Step #6

Locate the JavaScript Pixel from the "View Details" page for the web pixel.

Step #7

Click the clipboard icon to copy the JavaScript Pixel.

Step #8

Paste the copied JavaScript pixel into the ‘HTML’ box.

Step #9

Click inside the HTML box and make sure that the "support document write" box at the bottom of the tag configuration screen is selected:

Step #10

Click on "triggering" and then select "all pages."

*Wanting to implement the pixel on a specific landing page with a unique URL? Please review these steps to create a URL-based trigger to apply to your custom HTML tag.

Step #11

That will take you back to the tag set up page. Click on “Save”.

Step #12

Once you’re back in the GTM homepage, click on “Submit”.

Step #13

“Version Name” and “Version Description” are optional. Once you’re ready, click on “Publish”. It may prompt you to add a “Version Name” and “Video Description” one more time, but, once again, those are optional.

Step #14

Your tag is ready to start firing!

Installing the Pixel with Google Tag Manager - Specific Page URL

These instructions apply to pixels that you would like to fire and collect website visitors for a specific URL on your site. This could be a landing page, checkout page, or confirmation page to create audiences and messaging for visitors who engaged in a particular step in the conversion process.

Step #1

Create a new web pixel in the OnSpot platform for the specific destination URL.

Step #2

Make sure you have a GTM account that is configured for your website.

Step #3

In GTM, navigate to "Triggers" in the left-hand navigation of the Workspace and select "New"

Step #4

Name your Trigger and click on "Trigger Configuration" in the middle of the screen. Select "Page View" as the Trigger type.

Step #5

Select "Some Page Views" and use the drop down menu to choose "Page URL" and "Contains," and finally enter the unique portion of the URL you want to capture.

Click save after you've added your changes.

Step #6

Navigate back to the main GTM workspace page and select "New Tag"

Step #7

Name your tag.

Step #8

Click on “Tag Configuration.”

Step #9

Scroll down and select “Custom HTML”.

Step #10

Locate the JavaScript Pixel from the "View Details" page for the web pixel.

Step #11

Click the clipboard icon to copy the JavaScript Pixel.

Step #12

Paste the copied JavaScript pixel into the ‘HTML’ box.

Step #13

Click inside the HTML box and make sure that the "support document write" box at the bottom of the tag configuration screen is selected:

Step #14

Click on "triggering" and then select the custom trigger you set up in steps 1-5 above.

Step #15

That will take you back to the tag set up page. Click on “Save”.

Step #16

Once you’re back in the GTM homepage, click on “Submit”.

Step #17

“Version Name” and “Version Description” are optional. Once you’re ready, click on “Publish”. It may prompt you to add a “Version Name” and “Video Description” one more time, but, once again, those are optional.

Step #18

Your tag is ready to start firing!

Did this answer your question?