Tagging Accelerated Mobile Pages (AMP HTML)

Introduction

AMP HTML stands for Accelerated Mobile Pages HTML - an open-source framework designed to speed up mobile pages. This improves user experience and increases advertising awareness.

Smart AdServer supports the custom element <amp-ad> as specified in the AMP HTML specification.

Resources

Tagging AMP HTML pages

Here is a simple AMP HTML page with Smart AdServer data:

<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Smart Adserver AMP Ads</title>
      <link rel="canonical" href="."/>
      <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
      <style>body {opacity: 0}</style>
      <noscript>
         <style>body {opacity: 1}</style>
      </noscript>
      <script async src="https://cdn.ampproject.org/v0.js"></script>
   </head>
   <body>
      <h2>Static Image Ad Smart adserver</h2>
      <br>
      <amp-ad width=350 height=250
         type="smartadserver"
         data-call="std"
         data-site="95802"
         data-page="633338"
         data-format="35679"
         data-target="foo=bar"
         data-domain="https://<YourSmartAdServerDomain>">
      </amp-ad>
   </body>
</html>

To get the values of data-site, data-page etc., please refer to the IDs in standard ad tags (see Tagging guide for more about standard ad tags).

For <YourSmartAdServerDomain>, use the domain assigned to your network (e. g. www3.smartadserver.com); It can be found in Smart AdServer's config.js library (e. g. http://www3.smartadserver.com/config.js?nwid=1234).

Example

To view an example with real delivery of an ad, save the following HTML code as a .html file and load it in your browser:

<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Smart Adserver AMP Ads</title>
      <link rel="canonical" href="."/>
      <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
      <style>body {opacity: 0}</style>
      <noscript>
         <style>body {opacity: 1}</style>
      </noscript>
      <script async src="https://cdn.ampproject.org/v0.js"></script>
   </head>
   <body>
      <h2>Static Image Ad Smart adserver</h2>
      <br>
      <amp-ad width=350 height=500
         type="smartadserver"
         data-call="std"
         data-site="83717"
         data-page="599440"
         data-format="50380"
         data-target=""
         data-domain="https://www3.smartadserver.com">
      </amp-ad>
   </body>
</html>

Restrictions and warnings

Supported script templates

At this stage, AMP HTML Tagging works with these script templates only:

  • Default Banner (creative formats: image, HTML5, agency redirect)
  • RTB+ Default Banner
  • Interstitial
  • Mobile Banner

 

https

AMP documents only support ads served via https. Any non-secure content (http) will break the page.

Warning: This is critical when agency redirects or backfill ads are served. Third party system must serve ads only via https. Smart AdServer cannot control or guarantee https compliance of third parties.

 

Standard ad calls only

AMP tagging works with standard ad calls ("std") only. Other ad calls (e. g. onecall) are not supported.

 

No insertion links/exclusions

At this stage, AMP HTML Tagging does not support insertion links/exclusions.
Insertion links make sure that insertions appear together when the page is loaded; insertion exclusions produce the opposite effect (insertions never shown together).

 

Page views not supported

The page view metric (in reports) is not supported. In case of multiple ads on an AMP HTML page, each ad call is counted as a new page view.

Was this article helpful?
0 out of 0 found this helpful
Powered by Zendesk