Disqus を amp ドキュメントに実装しようとしています。私の考えは、 Disqus のみを含む小さなドキュメントを読み込むamp-iframeを使用することです。このアンプフレームを使った
<amp-iframe width="300" height="300"
layout="responsive"
sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-scripts"
resizable
frameborder="0"
seamless
src="/disquss/name-of-blog-post">
<div overflow tabindex=0 role=button aria-label="Read more">more!</div>
</amp-iframe>
ただし、chrome はコンテンツ セキュリティ ポリシー違反をスローします。
スクリプト ' https://a.disquscdn.com/next/embed/lounge.load.f3e1717b71e7256da258d3a504e56865.js 'の読み込みを拒否しました。これは、次のコンテンツ セキュリティ ポリシー指令に違反しているためです: "script-src https:// .twitter.com : https://api.adsnative.com/v1/ad.json *.adsafeprotected.com https://cas.criteo.com/delivery/0.1/napi.jsonp .services.disqus.com: http:// referrer .disqus.com/juggler/ disqus.com http:// .twitter.com: a.disquscdn.com https://referrer.disqus.com/juggler/ https:// .services.disqus.com: *.moatads .com 'unsafe-eval' https://mobile.adnxs.com/mob https://ssl.google-analytics.com ".
基本的に、許可されhttps://a.disquscdn.com/next/embed/lounge.load.f3e1717b71e7256da258d3a504e56865.jsていてもchromeは読み込まれませんa.disquscdn.com。この制限は、iframe disqus の使用によるものです。<iframe>の代わりにネイティブサンドボックスを使用する場合、これは問題になりません<amp-iframe>。
例を作成したかったのですが、iframe コンストラクトのため、単純に jsfiddle を作成することはできません。