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设置？我相信这是个问题。

Answer 2

我认为你的src应该是不同的。您应该将universal code file托管到另一个可以使用https访问的域。主要是我更喜欢创建我的域的另一个子域并为这个新子域安装新证书。 src应该是subdomain URL（例如https://subdomain.example.com#hash）。请参阅https://github.com/disqus/disqus-install-examples/tree/master/google-amp

throughly。您也可以在此处参考我的实施https://www.wiki11.com/articles/touch-chesi-chandu-wiki-review-songs-rating-movie-release-date-photos

或者，您可以在https://github.com/disqus/disqus-install-examples/issues/3获得更多参考资料。在这里，他们已经改变了处于工作状态的最终通用HTML。

如何在AMP上使用Disqus？

2 个答案: