Tracking Button Click Events and Piggybacking into Campaign Manager 360’s Floodlight

Tracking specific button clicks on a page with a universal pixel and piggybacking into Campaign Manager 360's Floodlight involves two steps:

  1. Create a universal pixel in Basis.

  2. Piggyback your universal pixel into Campaign Manager 360’s Floodlight.

1. Create a Universal Pixel in Basis

Universal pixels can act as conversion pixels and audience pixels on multiple pages at once. This lets you use a single pixel on different pages on your website, and even place that pixel before your conversions or audiences are set up. See Universal Pixels for more information.

Before you create a universal pixel, identify the button click event you want to track. In this scenario, you track the Connect With Us button.

Website with Connect with Us button selected for tracking a button click event.

To create a universal pixel in Basis:

  1. Go to Main Menu [] > Pixels & Audiences.

  2. Select a brand. Use search, sort, or filters to find your brand.

    Pixel and Audiences page with a brand name highlighted
    • If you already added a DSP line item to a campaign, you can access pixels and audiences from the media plan by selecting DSP Actions > Pixels & Audiences from the line item.

      DSP Actions menu with Pixels and Audiences highlighted
  3. Select the Universal Pixels tab.

    Universal pixels tab highlighted.

  4. Click Create universal pixel.

    Create universal pixel button highlighted.

  5. Enter a Pixel Name.

  6. Click Create rule set.

    1. Click Add rule to create a new Key/String rule to capture this button click event.

      New Universal Pixel window showing creating a new rule set and adding a rule.

    2. Set the Type to Key/String and Operator to Exactly Matches.

      Keys and strings are case sensitive variables that you set to any alphanumeric values. They must exactly match what you enter for your universal pixel’s rule set.

    3. Enter the Key and String. The variables for this scenario are button and connectwithus.

      We don’t recommend leaving spaces in your key or string. They can render incorrectly as the pixel loads in your browser.

      New rule set properties showing the key and string variables and the audience and conversion settings.

    4. Select the Audience or Conversion you want to link your universal pixel to. You must link to at least one audience or conversion before saving your pixel.
  7. Confirm that the Tag Type is set to Script. Using a script pixel lets users take advantage of user matching and cookieless conversion attribution.

    Pixel details showing tag type of Script, and both Enable cookieless conversion and Enable user matching selected.

  8. Enable Deploy via Floodlight.

  9. Copy the Tag Code.

  10. Click Save to create your universal pixel. Your universal pixel is now ready to be piggybacked into Campaign Manager 360.

2. Piggyback Your Universal Pixel into Campaign Manager 360’s Floodlight

Floodlight is an optional feature in Campaign Manager 360. It allows you to track and report on conversions—the actions of users who visit your site after viewing or clicking on one of your ads—and to set up an audience, which compiles lists of users who've performed specific actions on a site, then makes those users available for targeting by subsequent campaigns. See Google’s About Floodlight page for more information.

To piggyback your universal pixel into Floodlight:

  1. Log in to Campaign Manager 360, select an advertiser, then select Floodlight > Configuration.

  2. Select the Tags section, then confirm that the selection is Dynamic.

    Floodlight configuration showing dynamic tag selected.

  3. Select Activities, then locate and select your Floodlight.

    Floodlight activities with universal picture highlighted.

  4. Select the Dynamic Tags section.

  5. Click New Tag.

  6. Enter your tag’s Name.

  7. Paste your universal pixel’s tag code in the Code box.

  8. Add the ?key=string amendment to the tag code, which is bolded in the examples below:

    <img src="https://pixel.sitescout.com/up/60b6d9d123b9e118?key=string" width="1" height="1" style="position: absolute; left: -150px;" />

  9. Insert the key and string variables from the rule set you created for your universal pixel into the amendment. For this scenario, the amended tag code looks like this:

    <img src="https://pixel.sitescout.com/up/60b6d9d123b9e118?button=connectwithus" width="1" height="1" style="position: absolute; left: -150px;" />

    Floodlight dynamic tag code.

  10. Click Save. You’re now tracking a specific button click event with a universal pixel.

How to Check if Your Universal Pixel is Firing in Chrome

After the GTM container has been published, check if your universal pixel is firing on all pages correctly in a live environment.

To check if your universal pixel is firing in Chrome:

  1. In Google Chrome, select Chrome’s Menu icon > More tools > Developer tools (Ctrl+Shift+I) on the newly pixeled page to open the Developer tools panel.

  2. Select the Network tab.

  3. Search for the key value, button=connectwithus in this case, then click the specified button to see if your universal pixel fires in real time.

    Chrome developer tools showing pixel fires in real time.