如何在AMP上使用Disqus？

Question

我正在尝试将底部有Disqus评论的文章转换为AMP.要做到这一点,我使用的是<amp-iframe/>:

<div id="disqus_thread">
    <amp-iframe
        src="https://disqus.com/embed/comments/?https&base=default&version=11a9d09102788744769550f3928faf15&f=<<DISQUS ID GOES HERE>>&t_u=<<DISQUS SITE URL GOES HERE>>&s_o=default"
        sandbox="allow-same-origin allow-forms allow-modals allow-scripts allow-popups"
        layout="responsive"
        frameborder="0"
        width="600" height="500">
    </amp-iframe>
</div>

iframe加载,似乎加载了所有脚本依赖项,但没有显示任何内容.如果您检查iframe的内容,Disqus会打印一条消息,指出Disqus无法加载.我不知道如何从这里调试它.有什么我想念的,或者我应该以不同的方式接近它？

此外,像Disqus这样的评论提供方式是由插件确定的任意高度.所以我可能无法在iframe上设置固定的高度.我需要做些什么才能使其正常工作？

Answer 1

您是否按照此处的说明进行操作？ https://github.com/disqus/disqus-install-examples/tree/master/google-amp

我在 verdict.justia.com/ 上安装了它（检查任何帖子的放大器版本），这是一个非常简单的过程。

需要注意的一件事是，步骤 1 中的脚本应该托管在启用了 SSL 的不同站点上，因为 iframe 上的源应该是 https。

此外，您是否将您的域添加到“受信任的域”部分？在 Disqus 设置上？我相信这就是问题所在。