Оставим в стороне вполне закономерный вопрос: а чем Вордпресс в качестве блог-платформы не устроил? Ну, допустим, вам нужно добавить обсуждение статьи на странице сайта, созданного на блочном конструкторе Тильда. Бесплатный вариант — это сервис Disqus, процесс подключения которого описан в документации конструктора.
[frame src=»/wp-content/uploads/2020/10/image-48.png» lightbox=»on» title=»»]
Если коротко — нужно зарегистрировать аккаунт на https://disqus.com/, выбрать вариант установки на свой сайт «I want to install Disqus on my site» и придумать имя аккаунта, например похожее на имя сайта. В результате сформируется ваш уникальный Disqus URL типа [имя_сайта].disqus.com
Далее в Тильде выбрать страницу и место для размещения виджета комментариев Disqus и вставить специальный блок T158. Плохая новость заключается в том, что большинство специальных блоков, в том числе T158 (Disqus) и удобные для сбора содержания блога блоки IX01/IX02, доступны только в платной версии Тильды.
[frame src=»/wp-content/uploads/2020/10/image-49.png» lightbox=»on» title=»Комментарии Disqus»]
После установки в настройках блока T158 в поле DISQUS SHORTNAME нужно прописать идентификатор [имя_сайта], который вы придумали для своего аккаунта Disqus, также можно изменить ширину блока, цвет и заголовок кнопки вызова комментариев и другие настройки.
[frame src=»/wp-content/uploads/2020/10/image-50.png» lightbox=»on» title=»Настройки блока Disqus для Тильды»]
После сохранения и публикации комментарии на странице Тильды начинают работать. Одна особенность этого виджета, которая меня не совсем устроила: по умолчанию комментарии закрыты, и для их активации каждый раз нужно нажать кнопку, на картинке выше это кнопка «Отзывы онлайн». Например клиенты моего заказчика никак не могли догадаться, что для чтения/создания комментариев, сначала они должны нажать эту кнопку. Да и в принципе не здорово, если пользователю сайта комментарии не видны. В инструкции Тильды не до конца понятно, как заставить виджет быть по умолчанию распахнутым, либо сделать другие настройки. На сайте разработчика виджета, если вы опытный специалист, об этом написано здесь и здесь. Там же есть и видеоинструкция по настройке виджета.
Чтобы комментарии были по умолчанию открыты, я добавил на странице Тильды блок Другое → T123 и вставил в него код со страницы разработчика, изменив только название своего Disqus аккаунта (отмечено красным).
[frame src=»/wp-content/uploads/2020/10/image-52.png» lightbox=»on» title=»Код для блока Т123″]
Ниже вы можете скопировать это код, только не забудьте заменить в нём ***** на ваш уникальный идентификатор Disqus.
<div id="disqus_thread"></div> <script> /** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/ /* var disqus_config = function () { this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable }; */ (function() { // DON'T EDIT BELOW THIS LINE var d = document, s = d.createElement('script'); s.src = 'https://*****.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); </script> <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>