6

我正在尝试将底部有 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 上设置固定高度。我需要做什么才能使其正常工作?

4

2 回答 2

0

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

我在 verdict.justia.com/ 上安装了它(检查任何帖子的 amp 版本),这是一个非常简单的过程。

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

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

受信任的域部分

于 2016-10-17T04:12:18.910 回答
0

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

彻底。你也可以在这里参考我的实现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。

于 2018-02-14T05:02:54.907 回答