This extension is under active development, and the version number of the specification section should provide guidance to its evolution.
Description | AMP Access or “AMP paywall and subscription support” gives publishers control over which content can be accessed by a reader and with what restrictions, based on the reader’s subscription status, number of views, and other factors. |
Availability | Stable |
Required Script |
<script async custom-element="amp-access" src="https://cdn.ampproject.org/v0/amp-access-0.1.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
|
Examples | article-access.amp.html |
The proposed solution gives control to the Publisher over the following decisions and flows:
- Create and maintain users
- Control of metering
- Responsibility for the login flow
- Responsibility for authenticating the user
- Responsibility for access rules and authorization
- Flexibility over access parameters at a per-document level
The solution comprises the following components:
- AMP Reader ID: provided by AMP ecosystem, this is a unique identifier of the reader as seen by AMP.
- Access Content Markup: authored by the Publisher, defines which parts of a document are visible in which circumstances.
- Authorization endpoint: provided by the Publisher, returns the response that explains which part of a document the Reader can consume.
- Pingback endpoint: provided by the Publisher, is used to send the “view” impression for a document.
- Login Link and Login Page: allows the publisher to authenticate the Reader and connect their identity with AMP Reader ID.
Google AMP Cache returns the document to the Reader with some sections obscured using Access Content Markup. The AMP Runtime calls the Authorization endpoint and uses the response to either hide or show different sections as defined by the Access Content Markup. After the document has been shown to the Reader, AMP Runtime calls the Pingback endpoint that can be used by the Publisher to update the countdown meter.
The solution also allows the Publisher to place in the AMP document a Login Link that launches the Login/Subscribe Page where the Publisher can authenticate the Reader and associate the Reader’s identity in their system with the AMP Reader ID.
In its basic form, this solution sends the complete (though obscured) document to the Reader and simply shows/hides restricted sections based on the Authorization response. However, the solution also provides the “server” option, where the restricted sections can be excluded from the initial document delivery and downloaded only after the authorization has been confirmed.
Supporting AMP Access requires Publisher to implement the components described above. Access Content Markup, Authorization endpoint, Pingback endpoint and Login Page are required.
To assist access services and use cases, AMP Access introduces the concept of the Reader ID.
The Reader ID is an anonymous and unique ID created by the AMP ecosystem. It is unique for each reader/publisher pair. i.e., a Reader is identified differently to two different publishers. It is a non-reversible ID. The Reader ID is included in all AMP/Publisher communications. Publishers must use the Reader ID to identify the Reader and map it to their own identity systems.
The Reader ID is constructed on the user device and intended to be long-lived. However, it follows the normal browser storage rules, including those for incognito windows. The intended lifecycle of a Reader ID is 1 year between uses or until the user clears their cookies. The Reader IDs are not currently shared between devices.
The Reader ID is constructed similar to the mechanism used to build ExternalCID described here.
Even though some of the Publisher's own authentication cookies may be available at the time of the Authorization and Pingback requests, the cookies should only be used for internal mapping. There are no guarantees that the Publisher will be able to read or write cookies given all surfaces and platforms where an AMP document can be embedded. The Reader ID is the only identifier that is guaranteed to work.
This means, in particular, that features such as metering and first-click-free implementation have to rely on the AMP Reader ID and server-side storage.
Access Content Markup determines which sections are visible or hidden based on the authorization response returned from the Authorization endpoint. It is described via special markup attributes.
Authorization is an endpoint provided by the publisher and called by AMP Runtime or Google AMP Cache. It is a credentialed CORS GET endpoint. This endpoint returns the access parameters that can be used by the Content Markup to hide or show different parts of the document.
Pingback is an endpoint provided by the publisher and called by AMP Runtime or Google AMP Cache. It is a credentialed CORS POST endpoint. AMP Runtime calls this endpoint automatically when the Reader has started viewing the document. This endpoint is also called after the Reader has successfully completed the Login Flow. On of the main goals of the Pingback is for the Publisher to update metering information.
Login Page is implemented and served by the Publisher and called by the AMP Runtime. It is normally shown as a browser dialog.
Login Page is triggered when the Reader taps on the Login Link which can be placed by the Publisher anywhere in the document.
All of the endpoints are configured in the AMP document as a JSON object in the HEAD of the document:
<script id="amp-access" type="application/json">
{
"property": value,
...
}
</script>
The following properties are defined in this configuration:
Property | Values | Description |
---|---|---|
authorization | <URL> | The HTTPS URL for the Authorization endpoint. |
pingback | <URL> | The HTTPS URL for the Pingback endpoint. |
login | <URL> or <Map[string, URL]> | The HTTPS URL for the Login Page or a set of URLs for different types of login pages. |
authorizationFallbackResponse | <object> | The JSON object to be used in place of the authorization response if it fails. |
type | "client" or "server" | Default is “client”. The "server" option is under design discussion and these docs will be updated when it is ready. |
<URL> values specify HTTPS URLs with substitution variables. The substitution variables are covered in more detail in the Access URL Variables section below.
Here’s an example of the AMP Access configuration:
<script id="amp-access" type="application/json">
{
"authorization":
"https://pub.com/amp-access?rid=READER_ID&url=SOURCE_URL",
"pingback":
"https://pub.com/amp-ping?rid=READER_ID&url=SOURCE_URL",
"login":
"https://pub.com/amp-login?rid=READER_ID&url=SOURCE_URL",
"authorizationFallbackResponse": {"error": true}
}
</script>
When configuring the URLs for various endpoints, the Publisher can use substitution variables. The full list of these variables are defined in the AMP Var Spec. In addition, this spec adds a few access-specific variables such as READER_ID
and AUTHDATA
. Some of the most relevant variables are described in the table below:
Var | Description |
---|---|
READER_ID | The AMP Reader ID. |
AUTHDATA(field) | The value of the field in the authorization response. |
RETURN_URL | The placeholder for the return URL specified by the AMP runtime for a Login Dialog to return to. |
SOURCE_URL | The Source URL of this AMP Document. If document is served from CDN, AMPDOC_URL will be a CDN URL, while SOURCE_URL will be the original source URL. |
AMPDOC_URL | The URL of this AMP Document. |
CANONICAL_URL | The canonical URL of this AMP Document. |
DOCUMENT_REFERRER | The Referrer URL. |
VIEWER | The URL of the AMP Viewer. |
RANDOM | A random number. Helpful to avoid browser cache. |
Here’s an example of the URL extended with Reader ID, Canonical URL, Referrer information and random cachebuster:
https://pub.com/access?
rid=READER_ID
&url=CANONICAL_URL
&ref=DOCUMENT_REFERRER
&_=RANDOM
AUTHDATA variable is available to Pingback and Login URLs. It allows passing any field in the authorization
response as an URL parameter. E.g. AUTHDATA(isSubscriber)
. The nested expressions are allowed as well, such as
AUTHDATA(other.isSubscriber)
.
Access Content Markup describes which sections are visible or hidden. It is comprised of two AMP attributes: amp-access
and amp-access-hide
that can be placed on any HTML element.
The amp-access
attribute provides the expression that yields true or false based on the authorization response returned by the Authorization endpoint. The resulting value indicates whether or not the element and its contents are visible.
The amp-access
value is a boolean expression defined in a SQL-like language. The grammar is defined in the Appendix A. It is defined as following:
<div amp-access="expression">...</div>
Properties and values refer to the properties and values of the Authorization response returned by the Authorization endpoint. This provides a flexible system to support different access scenarios.
The amp-access-hide
attribute can be used to optimistically hide the element before the Authorization response has been received, which can show it. It provides the semantics of “invisible by default”. The authorization response returned by the Authorization later may rescind this default and make section visible. When amp-access-hide
attribute is omitted, the section will be shown/included by default. The amp-access-hide
attribute can only be used in conjunction with the amp-access
attribute.
<div amp-access="expression" amp-access-hide>...</div>
If Authorization request fails, amp-access
expressions are not evaluated and whether a section is visible or hidden is determined by the presence of the amp-access-hide
attribute initially provided by the document.
We can extend the set of amp-access-*
attributes as needed to support different obfuscation and rendering needs.
If Authorization request fails and the "authorizationFallbackResponse" response is not specified in the documentation, amp-access
expressions are not evaluated and whether a section is visible or hidden is determined by the presence of the amp-access-hide
attribute initially provided by the document.
Here’s an example that shows either login link or the complete content based on the subscription status:
<header>
Title of the document
</header>
<div>
First snippet in the document.
</div>
<div amp-access="NOT subscriber" amp-access-hide>
<a on="tap:amp-access.login">Become a subscriber now!</a>
</div>
<div amp-access="subscriber">
Full content.
</div>
Here:
- subscriber is a boolean field in the authorization response returned by the Authorization endpoint. This section is hidden by default, which is optional.
- This example elects to show full content optimistically.
Here’s another example that shows the disclaimer to the reader about the state of metering:
<section amp-access="views <= maxViews">
<template type="amp-mustache">
You are reading article {{views}} out of {{maxViews}}.
</template>
</section>
And here’s an example that shows additional content to the premium subscribers:
<section amp-access="subscriptonType = 'premium'">
Shhh… No one but you can read this content.
</section>
Authorization is configured via authorization
property in the AMP Access Configuration section. It is a credentialed CORS GET endpoint. See CORS Origin Security for how this request should be secured.
Authorization can take any parameters as defined in the Access URL Variables section. For instance, it could pass AMP Reader ID and document URL. Besides URL parameters, the Publisher may use any information naturally delivered via HTTP protocol, such as Reader’s IP address. The inclusion of the READER_ID
is required.
This endpoint produces the authorization response that can be used in the content markup expressions to show/hide different parts of content.
The request format is:
https://publisher.com/amp-access.json?
rid=READER_ID
&url=SOURCE_URL
The response is a free-form JSON object: it can contain any properties and values with few limitations. The limitations are:
- The property names have to conform to the restrictions defined by the
amp-access
expressions grammar (see Appendix A. This mostly means that the property names cannot contain characters such as spaces, dashes and other characters that do not conform to the “amp-access” specification. - The property values can only be one of the types: string, number or boolean.
- The total size of the serialized authorization response cannot exceed 500 bytes.
- Please ensure that the response does not include any personally identifiable information (PII) or personal data.
Here’s a small list of possible ideas for properties that can be returned from the Authorization endpoint:
- Metering info: maximum allowed number of views and current number of views.
- Whether the Reader is logged in or a subscriber.
- A more detailed type of the subscription: basic, premium
- Geo: country, region, custom publication region
Here’s an example of the response when the Reader is not a subscriber and is metered at 10 articles/month and has viewed 6 articles already:
{
"maxViews": 10,
"currentViews": 6,
"subscriber": false
}
Here’s an example of the response when the Reader is logged in and has a premium subscription type:
{
"loggedIn": true,
"subscriptionType": "premium"
}
This RPC may be called in the prerendering phase and thus it should not be used for meter countdown, since the Reader may never actually see the document.
Another important consideration is that in some cases AMP runtime may need to call Authorization endpoint multiple times per document impression. This can happen when AMP Runtime believes that the access parameters for the Reader have changed significantly, e.g. after a successful Login Flow.
The authorization response may be used by AMP Runtime and extensions for three different purposes:
- When evaluating
amp-access
expressions. - When evaluating
<template>
templates such asamp-mustache
. - When providing additional variables to pingback and login URLs using
AUTHDATA(field)
.
Authorization endpoint is called by AMP Runtime as a credentialed CORS endpoint. As such, it must implement CORS protocol. It should use CORS Origin and source origin to restrict the access to this service as described in the CORS Origin Security. This endpoint may use publisher cookies for its needs. For instance, it can associate the binding between the Reader ID and the Publisher’s own user identity. AMP itself does not need to know about this (and prefers not to). Reader more on AMP Reader ID and AMP Access and Cookies for more detail.
AMP Runtime (or rather browser) observes cache response headers when calling Authorization endpoint. Thus the cached responses can be reused. It may or may not be desirable. If it is not desirable, the Publisher can user the appropriate cache control headers and/or RANDOM variable substitution for the endpoint URL.
If Authorization request fails, AMP Runtime will fallback to the "authorizationFallbackResponse", if it's specified in the configuration. In this case the authorization flow will proceed without as normal with the value of the "authorizationFallbackResponse" property in place of the authorization response. If the "authorizationFallbackResponse" is not specified, the authorization flow will fail, in which case the amp-access
expressions will not be evaluated and whether a section is visible or hidden will be determined by the presence of the amp-access-hide
attribute initially provided by the document.
Authorization request is automatically timed out and assumed to have failed after 3 seconds.
AMP Runtime uses the following CSS classes during the authorization flow:
amp-access-loading
CSS class is set on the document root when the authorization flow starts and removed when it completes or fails.amp-access-error
CSS class is set on the document root when the authorization flow fails.
In the server option, the call to Authorization endpoint is done by Google AMP Cache as a simple HTTPS endpoint. This means that the Publisher’s cookies cannot be delivered in this case.
Pingback is configured via pingback
property in the AMP Access Configuration section. It is a credentialed CORS POST endpoint. See CORS Origin Security” for how this request should be secured.
Pingback URL can take any parameters as defined in the Access URL Variables section. For instance, it could pass AMP Reader ID and document URL. The inclusion of the READER_ID
is required.
Pingback does not produce a response - any response is ignored by AMP runtime.
Pingback endpoint is called when the reader has started viewing the document and after the Rser has successfully completed the Login Flow.
The publisher may choose to use the pingback as:
- One of the main purposes for pingback is to count down meter when it is used.
- As a credentialed CORS endpoint it may contain publisher cookies. Thus it can be used to map AMP Reader ID to the Publisher’s identity.
The request format is:
https://publisher.com/amp-pingback?
rid=READER_ID
&url=SOURCE_URL
The URL of the Login Page(s) is configured via the login
property in the AMP Access Configuration section.
The configuration can specify either a single Login URL or a map of Login URL indexed by the type of login. An example of a single Login URL:
{
"login": "https://publisher.com/amp-login.html?rid={READER_ID}"
}
An example of multiple Login URLs:
{
"login": {
"signin": "https://publisher.com/signin.html?rid={READER_ID}",
"signup": "https://publisher.com/signup.html?rid={READER_ID}"
}
}
The URL can take any parameters as defined in the Access URL Variables section. For instance, it could pass AMP Reader ID and document URL. RETURN_URL
query substitution can be used to specify query parameter for return URL, e.g. ?ret=RETURN_URL
. The return URL is
required and if the RETURN_URL
substitution is not specified, it will be injected automatically with the default query parameter name of
"return".
Login Page is simply a normal Web page with no special constraints, other than it should function well as a browser dialog. See the “Login Flow” section for more details.
The request format is:
https://publisher.com/amp-login.html?
rid=READER_ID
&url=SOURCE_URL
&return=RETURN_URL
Notice that the “return” URL parameter is added by the AMP Runtime automatically if RETURN_URL
substitution is not
specified. Once Login Page completes its work, it must redirect back to the specified “Return URL” with the following format:
RETURN_URL#success=true|false
Notice the use of a URL hash parameter “success”. The value is either “true” or “false” depending on whether the login succeeds or is abandoned. Ideally the Login Page, when possible, will send the signal in cases of both success or failure.
If the success=true
signal is returned, the AMP runtime will repeat calls to Authorization and Pingback endpoints to update the document's state and report the "view" with the new access profile.
The Publisher may choose to place the Login Link anywhere in the content of the document.
A single or multiple Login URLs are configured via “login” property in the AMP Access Configuration section.
Login Link can be declared on any HTML element that allows “on” attribute, most typically it’d be an anchor or a button element.
The format follows "Login URL" configuration. When a single Login URL is configured, the format is:
<a on="tap:amp-access.login">Login or subscribe</a>
When multiple Login URLs are configured, the format is tap:amp-access.login-{type}
. Ex.:
<a on="tap:amp-access.login-signup">Subscribe</a>
AMP makes no distinction between login or subscribe. This distinction can be configured by the Publisher using multiple Login URLs/links or on the Publisher’s side.
An integration with amp-analytics is documented in the amp-access-analytics.md.
Authorization and Pingback endpoints are CORS endpoints and they must implement the security protocol described in the AMP CORS Security Spec.
Metering is the system where the Reader is shown premium content for free for several document views in some period. Once some quota is reached, the Reader is shown the paywall kicks in and the Reader instead is shown partial content with upsell message and signup/login link. For instance, the metering can be defined as “Reader can read 10 articles per month for free”.
AMP Access provides the following facilities for implementing metered access:
- READER_ID should be used to store metering information. Since the Publisher cannot rely on always being able to set cookies in a 3rd-party context, this data should be stored on the server-side.
- The “read count” can only be updated in the Pingback endpoint.
- Only unique documents can be counted against the quota. I.e. refreshing the same document ten times constitutes a single view. For this purpose Authorization and Pingback endpoints can inject
SOURCE_URL
or similar URL variables. See Access URL Variables.
Google's First-click-free (or FCF) policy is described here, with the most recent update described in more detail here.
To implement FCF, the Publisher must (1) be able to determine the referring service for each view, and (2) be able to count number of views per day for each reader.
Both steps are covered by the AMP Access spec. The referrer can be injected into the Authorization and Pingback URLs using DOCUMENT_REFERRER
URL substitution as described in Access URL Variables. The view counting can be done using Pingback endpoint on the server-side. This is very similar to the metering implementation described in Metering.
- AMP Document - the HTML document that follows AMP format and validated by AMP Validator. AMP Documents are cacheable by Google AMP Cache.
- AMP Validator - the computer program that performs a static analysis of an HTML document and returns success or failure depending on whether the document conforms to the AMP format.
- AMP Runtime - the JavaScript runtime that executes AMP Document.
- Google AMP Cache - the proxying cache for AMP documents.
- AMP Viewer - the Web or native application that displays/embeds AMP Documents.
- Publisher.com - the site of an AMP publisher.
- CORS endpoint - cross-origin HTTPS endpoint. See https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS for more info. See CORS Origin Security for how such requests can be secured.
- Reader - the actual person viewing AMP documents.
- AMP Prerendering - AMP Viewers may take advantage of prerendering, which renders a hidden document before it can be shown. This adds a significant performance boost. But it is important to take into account the fact that the document prerendering does not constitute a view since the Reader may never actually see the document.
- Feb 1: "return" query parameter for Login Page can be customized using RETURN_URL URL substitution.
- Feb 3: Spec for "source origin" security added to the CORS Origin security.
- Feb 9: First-click-free and Metering sections.
- Feb 11: Nested field references such as
object.field
are now allowed. - Feb 11: Authorization request timeout in Authorization Endpoint.
- Feb 15: Configuration and Authorization Endpoint now allow "authorizationFallbackResponse" property that can be used when authorization fails.
- Feb 19: Corrected samples to remove
{}
from URL var substitutions. - Mar 3: Resend pingback after login (v0.5).
The most recent BNF grammar is available in access-expr-impl.jison file.
The key excerpt of this grammar is as following:
search_condition:
search_condition OR search_condition
| search_condition AND search_condition
| NOT search_condition
| '(' search_condition ')'
| predicate
predicate:
comparison_predicate | truthy_predicate
comparison_predicate:
scalar_exp '=' scalar_exp
| scalar_exp '!=' scalar_exp
| scalar_exp '<' scalar_exp
| scalar_exp '<=' scalar_exp
| scalar_exp '>' scalar_exp
| scalar_exp '>=' scalar_exp
truthy_predicate: scalar_exp
scalar_exp: literal | field_ref
field_ref: field_ref '.' field_name | field_name
literal: STRING | NUMERIC | TRUE | FALSE | NULL
Notice that amp-access
expressions are evaluated by the AMP Runtime and Google AMP Cache. This is NOT part of the specification that the Publisher needs to implement. It is here simply for informational properties.
This section will cover a detailed explanation of the design underlying the amp-access spec, and clarify design choices. Coming soon
See amp-access rules in the AMP validator specification.