DisqusとAMPの使い方は？

私は下部のDisqusコメントを持つ記事をAMPに変換しようとしています。これを行うために私が使用している<amp-iframe/>：DisqusとAMPの使い方は？

<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に固定された高さを設定することはできません。それが正しく機能するためには、私は何をする必要がありますか？

出典

2016-01-26 Rahul

この可能性のある複製：http://stackoverflow.com/questions/34520908/disquss-on-an-amp-page-inside-an-amp-iframe –

@BazzaDPいいえ、それはその複製物ではありません。私はすでにそれを読んで、別の問題であることを確認しました（その人はDispusをロードするamp-iframeにローカルページをロードしようとしています） – Rahul

私はこの[discussion]（https://disqus.com/home/）あなたのアカウントは2つのチャンネルに登録されているように見えますが、Disqus.comチャンネルページ以外にはロードできないようになっています。 [こちら]（https://help.disqus.com/customer/portal/articles/472007-im-receiving-the-message-%22we-were-unable-to-load-disqus-%22）はいくつかありますこのメッセージが表示される理由を説明します。 – abielita

ここに記載されている指示に従っていますか？ https://github.com/disqus/disqus-install-examples/tree/master/google-amp

verdict.justia.com/（アンプのバージョンを確認してください）にインストールしましたが、これはかなり単純なプロセスでした。

注意すべき点の1つは、iframeのソースがhttpsである必要があるため、手順1のスクリプトをSSLを有効にした別のサイトでホストする必要があることです。

また、ドメインを信頼済みドメインセクションに追加しましたか？ Disqusの設定で？私はそれが問題だと信じています。

出典

2016-10-17 04:12:18

私はあなたの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

出典

2018-02-14 05:02:54

答えて

関連する問題