Accelerated Mobile Pages (AMP)

Foreword

Pages in the Accelerated Mobile Pages (AMP) format are optimised for loading on mobile. AT Internet is natively integrated in the project, making it possible for you to use adapted tagging via a dedicated tag, <amp-analytics>.

Prerequisite

In order to make it work, please take care of the following points:

• Integrate the amp-analytics extension before AMP
• Use the securised collection server (log)

Standard tagging

Certain parameters must be filled in to enable the correct sending of information.

First of all, the basic parameters:

"vars": {
  "site": "123456789",
  "log": "logsX",
  "domain": ".xiti.com",
  "title": "pageChapter::pageTitle",
  "level2": "10"
}

Available requests

We offer two types of requests to call in your triggers; one lets you tag page loads, and the other lets you tag clicks made on the page.

pageview

The “pageview” request lets you send pageview information. Here’s an example of a call:

"defaultPageview": {
  "on": "visible",
  "request": "pageview"
}

No parameters need to be filled in here. Page information must be filled in in the tag’s basic variables.

click

The “click” request lets you send click information. Here’s an example of a call:

"links": {
  "on": "click",
  "selector": "a",
  "request": "click",
  "vars": {
    "label": "clickChapter::clickLabel",
    "level2Click": "12",
    "type": "a"
  }
}

Three parameters are available for this tagging:

Full tag

Here’s an example of a full tag, enabling measurement of page loading, as well as of all clicks present on the page.

<amp-analytics type="atinternet" id="atinternet">
<script type="application/json">
{
  "vars": {
    "site": "123456789",
    "log": "logsX",
    "domain": ".xiti.com",
    "title": "pageChapter::pageTitle",
    "level2": "10"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview"
    },
    "links": {
      "on": "click",
      "selector": "a",
      "request": "click",
      "vars": {
        "label": "clickChapter::clickLabel",
        "level2Click": "12",
        "type": "a"
      }
    }
  }
}
</script>
</amp-analytics>

Tagging specific information

In order to track information not available in the default tag, it is possible to declare additional parameters, named extraUrlParams.

They can be used on all the available triggers. Trigger level extraUrlParams have priority over root ones.

Examples

Custom variable

<amp-analytics type="atinternet" id="atinternet">
<script type="application/json">
{
  "vars": {
    "site": "123456789",
    "log": "logsX",
    "domain": ".xiti.com",
    "title": "pageChapter::pageTitle",
    "level2": "10"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview",
      "extraUrlParams": {
        "x1": 25,
        "x2": "[Text]",
        "f1": "[Label]"
      }
    },
    "links": {
      "on": "click",
      "selector": "a",
      "request": "click",
      "vars": {
        "label": "clickChapter::clickLabel",
        "level2Click": "12",
        "type": "a"
      }
    }
  }
}
</script>
</amp-analytics>

This will generate a page hit with the following information :

• Custom site variable 1 with the value “25” (x1=25)
• Custom site variable 2 with the value “Text” (x2=[Text])
• Custom page variable 1 with the value “Label” (f1=[Label])

Identified visitors

<amp-analytics type="atinternet" id="atinternet">
<script type="application/json">
{
  "vars": {
    "site": "123456789",
    "log": "logsX",
    "domain": ".xiti.com",
    "title": "pageChapter::pageTitle",
    "level2": "10"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview",
      "extraUrlParams": {
        "an": 5588964,
        "ac": 2
      }
    },
    "links": {
      "on": "click",
      "selector": "a",
      "request": "click",
      "vars": {
        "label": "clickChapter::clickLabel",
        "level2Click": "12",
        "type": "a"
      }
    }
  }
}
</script>
</amp-analytics>

This will generate a page hit with the following identified visitor information :

• Visitor id “5588964” (an=5588964)
• Visitor category “2” (ac=2)

Custom object

<amp-analytics type="atinternet" id="atinternet">
<script type="application/json">
{
  "vars": {
    "site": "123456789",
    "log": "logsX",
    "domain": ".xiti.com",
    "title": "pageChapter::pageTitle",
    "level2": "10"
  },
  "triggers": {
    "defaultPageview": {
      "on": "visible",
      "request": "pageview",
      "extraUrlParams": {
        "stc": "{\"articleId\":\"123456\"}"
      }
    },
    "links": {
      "on": "click",
      "selector": "a",
      "request": "click",
      "vars": {
        "label": "clickChapter::clickLabel",
        "level2Click": "12",
        "type": "a"
      }
    }
  }
}
</script>
</amp-analytics>

This will generate a page hit with the following custom object :

{
"articleId": "123456"
}