Use Floodlight on Accelerated Mobile Pages (AMP)

Because the technologies that Floodlight tags rely on (Javascript and iFrame) aren't compatible with Accelerated Mobile Pages, they must be modified prior to implementation on AMP. Learn more about AMP

The process to generate and change Floodlight image tags into amp-pixel tags will differ depending on if you want to track conversions through Campaign Manager or Display & Video 360.  

Floodlight on AMP for Display & Video 360

Generate a new Floodlight activity (image type) for your Display & Video 360 advertiser. Get the tag's code, remove anything before <img src= then:

  1. Change <img src= to <amp-pixel src= . This changes the tag type from img to amp-pixel.

  2. Remove width="1", height="1", and alt=" "  attributes. Replace them with layout="nodisplay".

    1. This removes the width of 1, height of 1, and the alt text from the image pixel. These are replaced with an instruction to not (visually) display the AMP tag.

  3. Change num=[Random Number]? to num=RANDOM?

    1. This updates the random number variable to work with the amp-pixel tag (which enables cache busting).

  4. Close the tag with ></amp-pixel>

    1. This is different from the image tag which is closed with />. Learn more about amp-pixel tags

amp-pixel tag example

<amp-pixel src="https://ad.doubleclick.net/ddm/activity/src=1234;type=test;cat=testf0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=1;num=RANDOM?" layout="nodisplay"></amp-pixel>

Floodlight on AMP for Campaign Manager

Generate an image tag for your Floodlight activityUse cache busting must be set to None under Advanced properties. Open the Floodlight tag preview, get the tag's code then:

  1. Change <img src= to <amp-pixel src= . This changes the tag type from img to amp-pixel.

  2. Remove width="1", height="1", and alt=" "  attributes. Replace them with layout="nodisplay".

    1. This removes the width of 1, height of 1, and the alt text from the image pixel. These are replaced with an instruction to not (visually) display the AMP tag.

  3. Change num=[Random Number]? to num=RANDOM?

    1. This updates the random number variable to work with the amp-pixel tag (which enables cache busting).

  4. Close the tag with ></amp-pixel>

    1. This is different from the image tag which is closed with />. Learn more about amp-pixel tags

amp-pixel tag example

<amp-pixel src="https://ad.doubleclick.net/ddm/activity/src=1234;type=test;cat=testf0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=1;num=RANDOM?" layout="nodisplay"></amp-pixel>
Was this article helpful?
How can we improve it?