Skip to main content

Installing tracking pixels on your campaign forms

Learn how BDOW! can provide data to analytics platforms such as Google Analytics 4.

Cassandra Campbell avatar
Written by Cassandra Campbell
Updated this week

BDOW! (formerly Sumo) supports the use of tracking pixels, enabling you to watch real-time tracking events and view analytics reports of your BDOW! campaign forms in action!

Google Analytics 4 is one of the most popular tools, so this guide will use GA4 as an example. However, you should be able to adapt the instructions to support other platforms as well.

What kind of event triggers are supported?

Pixels for analytics are configured on the Success tab of campaign form designer. There are three text areas available to edit:

  • Tracking Pixel. Fires when the campaign form is displayed. Since it is triggered on every view, it is also where you can install the base analytics script, such as the Google tag when using Google Analytics 4.

  • Subscribe Pixel. Fires when visitors subscribe via your BDOW! form.

  • Click Pixel. Fires when visitors click the Call to Action button on your form.

Ultimately, whatever JavaScript you include will execute upon one of those three events, which is why it can adapt to a variety of analytics tools. BDOW! does not alter the JavaScript in any way.

Installing your tracking pixel

Most of the work is actually handled on the analytics platform side. We'll review some of the high-level steps for installing a tracking pixel for Google Analytics 4, but within BDOW! you just need a copy of the relevant <script>. If you are using a different analytics platform, review the documentation to learn how to obtain a tracking script.

Preparing tracking events in Google Analytics 4

If you have not already done so, make sure you have an accounts for Google Tag Manager and Google Analytics. We recommend reviewing the official documentation for a more thorough guide to setting up Google Analytics in Tag Manager.

First, access Google Analytics and navigate to the Data streams tool in the Admin console. Create a web stream to measure page views. You will need to copy the stream's Measurement ID for the next step.

Next, access Tag Manager and create a new tag using the Google Analytics: GA4 Event type. You should apply the Measurement ID you just obtained from the web data stream in your Google Analytics account.

Add a firing trigger for All Pages, then save your tag.

Head back to Google Analytics and access the Data streams configuration again in order to copy the installation script. View the web data stream settings, then under the Google Tag Manager area click View tag instructions:

You can find the script under the Install manually tab:

Grab a copy of the script, then head over to the BDOW! site manager and edit your campaign.

Adding the tracking pixel to your campaign form

Open the campaign form you wish to track and proceed to the Success tab. In the Tracking Pixels field, paste the script from your analytics platform. For GA4, it should look something like this:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ABCXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-ABCXXXXXXX');
</script>

Make sure to include the <script> and </script> tags. When you have finished, don't forget to update your form!

Adding a conversion pixel to your campaign form

If you would like to track visitor subscription events, you can add a script to the Subscribe Pixel field. For GA4, you will need to send a gtag event:

<script>
gtag(
'event',
'bdow_subscribe',
{
'my_key': 'my_value',
}
);
</script>

In the example above, we have called our event bdow_subscribe and sent some optional key/value information.


That's it :) Now that your event codes are in place you can verify your tracking and conversion pixels are working.

Did this answer your question?