Как использовать Disqus с AMP?

Я пытаюсь преобразовать статью с комментариями 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. Что мне нужно сделать, чтобы это правильно работало?

iframe,disqus,amp-html,

6

Ответов: 2


0

Вы следовали инструкциям здесь? https://github.com/disqus/disqus-install-examples/tree/master/google-amp

Я установил его на verdict.justia.com/ (проверьте версию amp любой записи), и это был довольно простой процесс.

Следует заметить, что сценарий на шаге 1 должен размещаться на другом сайте с включенным SSL, так как источником iframe должен быть https.

Кроме того, вы добавили свой домен в раздел «Доверенные домены»? на настройках Disqus? Я считаю, что это проблема.

Раздел доверенных доменов


0

Я думаю, что вы httpsдолжны быть разными. Вы должны разместить свой srcдомен в другом домене, который должен быть доступен с помощью 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, который находится в рабочем состоянии.

IFrame, Disqus, усилитель-HTML,
Похожие вопросы