AMP

amp-pixel

Description

A tracking pixel to count page views.

 

Supported Layouts

Description Can be used as a typical tracking pixel to count pageviews.
Supported Layouts fixed, nodisplay
Examples See AMP By Example's amp-pixel example.

Usage

The amp-pixel component behaves like a simple tracking pixel img. It takes a single URL, but provides variables that can be replaced by the component in the URL string when making the request. See the substitutions section for further details.

In this basic example, the amp-pixel issues a simple GET request to the given URL and ignores the result.

<amp-pixel src="https://foo.com/tracker/foo" layout="nodisplay"></amp-pixel>

When processing AMP URLs in the referrer header of analytics requests, strip out or ignore the usqp parameter. This parameter is used by Google to trigger experiments for the Google AMP Cache.

Substitutions

The amp-pixel allows all standard URL variable substitutions. See the Substitutions Guide for more information.

In the following example, a request might be made to something like https://foo.com/pixel?0.8390278471201 where the RANDOM value is randomly generated upon each impression.

<amp-pixel src="https://foo.com/pixel?RANDOM" layout="nodisplay"></amp-pixel>

Attributes

src (required)

A simple URL to a remote endpoint that must be https protocol.

referrerpolicy (optional)

This attribute is similar to the referrerpolicy attribute on <img>, however no-referrer is the only accepted value. If referrerpolicy=no-referrer is specified, the referrer header is removed from the HTTP request.

<amp-pixel
  src="https://foo.com/tracker/foo"
  layout="nodisplay"
  referrerpolicy="no-referrer"
></amp-pixel>

allow-ssr-img (optional)

This attribute used in AMP4ADS creatives indicates that as part of post validation transformation, an img element may be placed directly within the amp-pixel element allowing the ping to be sent in parallel with AMP runtime fetch/execution. Note that it means that any macros within the url will NOT be expanded so only use if they are not present in the src.

Common attributes

This element includes common attributes extended to AMP components.

Styling

amp-pixel should not be styled.

Validation

See amp-pixel rules in the AMP validator specification.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub