Google AMP supporte le Paywall et les abonnements

Après le support de Google Analytics, voici une nouvelle qui devraient réconforter les grands médias intéressés par le projet Google AMP, destiné à la navigation rapide sur mobile, qui craignaient de ne pas pouvoir faire payer l’accès à certains de leurs contenus et proposer des abonnements payants.

Google AMP
Le projet AMP a en effet pour objectif de rendre le web mobile idéal pour les utilisateurs, les éditeurs de contenu et les développeurs.

Et l’un des aspects clés était donc d’assurer les éditeurs de contenu qu’ils pourront exploiter leur business modèle existant avec AMP qui permet d’afficher très rapidement les pages mobiles.

Car, pour beaucoup, cela signifie continuer à proposer un accès payant aux lecteurs tout en permettant à des utilisateurs anonymes de consulter gratuitement quelques contenus pendant que les utilisateurs abonnés pourront accéder à l’intégralité des contenus du site via un accès privé.

Tout en permettant, grâce au Paywall, à d'autres de ne lire que qu’un aperçu du contenu et de payer par la suite pour lire l’intégralité du contenu de leur choix.

Finalement, les éditeurs de contenu vont pouvoir choisir librement comment leurs contenus seront distribués via AMP : gratuitement, paywall ou abonnement.

Configuration AMP pour un accès payant


La solution AMP pour un accès payant est désormais disponible en tant que partie intégrante du projet AMP, avec de la documentation et des exemples sur GitHub pour aider les éditeurs à se lancer.

Voici cependant les codes basiques en 3 points incontournables dont les deux premiers sont à inclure dans le Head du code source :

1 - Configurer les paramètres d'accès AMP (doc) :

<script id="AMP Access" type="application/json">
{ "authorization": "<% host %>/amp-authorization.json?rid=READER_ID&url=CANONICAL_URL&_=RANDOM&ref=DOCUMENT_REFERRER",
"pingback": "<% host %>/amp-pingback?rid=READER_ID&url=CANONICAL_URL&ref=DOCUMENT_REFERRER",
 "login": "<% host %>/login?rid=READER_ID&url=CANONICAL_URL"
 }
</script>

Remplacez les lettres en MAJUSCULE avec vos propres paramètres.

2 - Inclure le chemin d'accès de l'AMP (doc) :

<script async custom-element="AMP Access" src="https://cdn.ampproject.org/v0/amp-access-0.1.js"></script>

Définir quelles parties du fichier HTML de l'AMP sont visibles aux abonnés et aux non-abonnés (doc) : 

 <section AMP Access="access AND subscriber" amp-access-hide>
Texte de remerciement pour un abonnement payant !
</section>