Le système de commentaires Disqus supporte maintenant le format AMP

Le projet AMP initié par pour rendre la navigation plus rapide sur le Web mobile évolue au fil du temps.

Disqus

C’est ainsi que la technologie supporte désormais les boutons sociaux, permet de créer un pour AMP, d’introduire des scripts analytics, et finalement supporte la publicité, ainsi que les paywalls et les abonnements.

Si jusqu’à maintenant vous aviez été réticents à migrer votre site vers la technologie AMP parce que vous aviez peur de perdre tous les commentaires publiés sur votre blog, cette annonce de Disqus qui dit supporter désormais le format AMP devrait vous rassurer définitivement.

AMP pour Disqus utilise la balise

Par conséquent, on ne sait pas si un sous-domaine pourrait être utilisé pour cette étape.

Le système de commentaires Disqus supporte maintenant le format AMP
Image via Disqus.com

Avec la généralisation des dans les résultats organiques de Google, certainement que de plus en plus de propriétaires de sites vont commencer à implémenter cette technologie sur leurs sites. Pouvoir afficher les commentaires serait alors une incitation supplémentaire pour franchir le rubicon.

Comment mettre des commentaires dans ses pages AMP

Disqus pour AMP est une expérience de Disqus pour le chargement rapide et optimisé pour les pages compatibles avec Google AMP. Le Code universel de Disqus peut être implémenté sur toute page compatible avec AMP.

Avant de commencer :

Assurez-vous que vous avez inscrit votre site sur Disqus. Si vous avez un compte existant sur Disqus, vous pouvez trouver votre “nom de compte” dans Admin -> Paramètres -> Générales.

Et comme dit plus haut, assurez-vous que vous pouvez héberger le code d’installation sur 2 noms de domaine différents.


Comment installer :


1ère étape : Créez et hébergez le fichier Universal Code (Code Universel) suivant sur un différent de celui sur lequel vous souhaitez affichez Disqus pour AMP. En d’autres termes, AMP pour Disqus nécessite 2 noms de domaine différents.

Celui sur lequel se trouve votre site et un autre qui va servir à fournir l’attribut src (source) à la 3ème étape.


function receiveMessage(event)
{
if (event.data) {
var msg;
try {
msg = JSON.parse(event.data);
} catch (err) {
// Do nothing
}
if (!msg)
return false;

window.parent.postMessage({


height: msg.data.height

}
}
}

/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: ://disqus.com/admin/universalcode/#configuration-variables
*/
var disqus_config = function () {
this.page.url = window.location; // Replace PAGE_URL with your page\’s canonical URL variable
this.page.identifier = window.location.hash; // Replace PAGE_IDENTIFIER with your page\’s unique identifier variable
};
(function() { // DON\’T EDIT BELOW THIS LINE
var d = document, s = d.createElement(\’script\’);
s.src = \’//EXAMPLE.disqus.com/embed.js\’;
s.setAttribute(\’data-timestamp\’, +new Date());
(d.head || d.body).appendChild(s);
})();


2ème étape : Référez-vous à la documentation amp-frame et ajoutez le script amp-iframe requis (ci-dessous) dans le de votre code source :


3ème étape : Placez l’élément juste à la fin de votre contenu, c’est à dire à l’endroit où votre audience va engager avec ledit contenu en ajoutant des commentaires.

layout=\ »responsive\ »
sandbox=\ »allow-scripts allow-same-origin allow-modals allow-popups\ »
resizable src=\ »https://example.com/amp#hash\ »>


4ème étape : Remplacez “hash” dans le script ci-dessus avec un identificateur unique qui représente la page où vous souhaitez afficher le système de commentaire. Si vous chargez l’élément sur plusieurs pages, générer le “hash” dynamiquement pour chaque page.

Le hash, que vous fournissez serviront dans les variables identificateur et url de la 1ère étape.


5ème étape : Ajoutez le nouveau nom de domaine comme un nom de domaine de confiance (Trusted Domain) dans votre Disqus :

Allez dans Admin -> Edit Settings -> Advanced -> Trusted Domains

Auteur : Noel Nguessan

Je suis Noel Nguessan, fondateur du site Arobasenet.com qui existe en tant que nom de domaine depuis 2007 comme site de mon entreprise avant de devenir en 2010 un site d'information SEO à part entière. Pour ma part, j'ai été intégré le monde de l'internet 1997 en qualité de créateur de site internet, avant de devenir développeur web et multimédia au début de l'année 2000. Par la suite, après avoir exercé très tôt en free-lance auprès de plusieurs start-ups jusuq'en 2010 en tant développeur Web, je suis tout naturellement arrivé au référencement Web, notamment après avoir lu les premiers articles SEO d'Olivier Andrieux (Abondance.com) qui m'a beaucoup inspiré dans ce métier. Je lui dit merci. J'ai ainsi pu poursuivre ma carrière en travaillant discrètement en free-lance pour des agences Web qui créaient des sites mais avaient ponctuellement besoin de quelqu'un qui pouvait leur fournir des recommandations d'optimisation web en fonction de la clientèle. Je pense avoir longtemps respecté les règles de discrétion de mes apporteurs d'affaires et surtout avoir bien rempli les différentes missions à moi confiées. Aujourd'hui, la retraite se rapproche. Alors je passe le plus clair de mon temps à divulguer le marketing internet et des réseaux sociaux à travers mon site Arobasenet.com... Certes, il s'agit sur ce site de relayer des news SEO de sources anglaises, mais c'est un travaille plus que passionnant. Tant je découvre des articles d'intérêt que je partage mes fidèles lecteurs. Arobasenet.com, c'est à ce jour (Juillet 2021) : - 6.784 articles publiés depuis 2010 - Plus de 34 millions de pages vues - 300.000 pages vues en moyenne par mois.