如何在 AMP 中使用 Disqus？答案

【问题标题】：How to use Disqus with AMP?如何在 AMP 中使用 Disqus？
【发布时间】：2016-05-03 06:17:39
【问题描述】：

我正在尝试将底部有 Disqus cmets 的文章转换为 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 上设置固定高度。我需要做什么才能使其正常工作？

【问题讨论】：

这个可能重复：stackoverflow.com/questions/34520908/…
@BazzaDP 不，它不是那个的副本。我已经阅读并验证这是一个不同的问题（该人试图在 amp-iframe 中加载本地页面，然后加载 Disqus）
我在discussion 中读到，您的帐户似乎已注册到两个频道，这些频道的设计目的是在 Disqus.com 频道页面以外的任何地方加载。 Here 是您收到此消息提示的几个原因。
@abielita 谢谢，但事实并非如此——这个特殊的 Disqus 帐户在过去五年中一直在运行。我还设置了可信域以包括localhost。如果由于尚未设置某些 javascript 变量而无法加载，我不确定如何在 AMP 的约束下解决该问题（这不允许页面上出现任意 javascript）。
这个link 可能会有所帮助。也许您的 JavaScript 配置变量格式不正确。

标签： iframe disqus amp-html

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案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

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

【讨论】：