Ранее я уже писал о том, как добавить комментарии Facebook на сайт. В этом материале мы добавим альтернативные комментарии, от сервиса Disqus.
Комментарии на сайт встроенные лучше, чем подключаемые. Но требуют разработки, внедрения, модерации и т.д. Все это время и ресурсы. Но такие комментарии будут работать быстрее даже. Не всем хочется тратить свое время и делать собственную систему комментариев. По этой причине дискус и фейсбук хорошие альтернативы. Преимущества и недостатки их следующие
Disqus
- + Интеграция легче чем у FB.
- + Удобное модерирование
- + Нотификация о новых сообщениях
- - Пользователям сложнее добавлять комментарии, так как в ФБ больше пользователей, а тут нужно регистрироваться.
- - Более сложная интеграция, сложнее чем у дискуса
- - Неудобная модерация
- - Нет нотификаций о новых сообщениях
- + больше аудитория чем у дискуса, не нужно регистрироваться дополнительно.
Итак, начнем подключение.
Зарегистрируйтесь на сайте Disqus. После этого переходим по ссылке и выбираем I want to install Disqus on my site
Устанавливаем подходящие нам параметры, включая язык. Его можно смело менять на русский. Локализация неплохая и не смотря на то что сам дискус на английском, комментарии будут на русском языке у вас на сайте.
И жмем кнопку Create Site. Выбираем бесплатный, базовый тариф
На следующем шаге, так как мы ставим на сайт на ларавеле или другом, где доступ к коду у нас имеется, выбираем следующую кнопку I don't see my platform listed, install manually with Universal Code.
После этого мы попадаем на инструкцию установки комментариев на наш сайт
Здесь мы видим два шага на установку и в первом из них сам код. Код вставляем в то место, где должны отобразится комментарии. Но так же нам нужно раскомментировать закомментированную часть и подставить наши собственные параметры. Если этого не сделать, отзывы если и загрузятся, будут общими для всего сайта. Нам же нужны отдельные отзывы для разных страниц. В данном случае есть два варианта, под Laravel и просто PHP.
Laravel
var disqus_config = function () {
this.page.url = '{{request()->fullUrl()}}';
this.page.identifier = '{{request()->fullUrl()}}';
};
PHP
var disqus_config = function () {
this.page.url = '<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>';
this.page.identifier = '<?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>';
};
В инструкции ниже так же показано как вывести количество комментариев на странице, но вы можете сделать это сами.
Итоговый код для Laravel выглядит следующим образом:
<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
this.page.url = '{{request()->fullUrl()}}';
this.page.identifier = '{{request()->fullUrl()}}';
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://mylaravelclub.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>
Размещаем его в шаблоне, в месте вставки наших комментариев и сохраняем файл.
Нажимаем Next и на следующем шаге нам предлагают заполнить данные по сайту, выбрать настройки цветовой схемы и т.д. Вы можете поиграть с настройками или перейти дальше нажав Next . А вот на следующем шаге мы выбираем разрешения и ширину возможностей комментариев.
Для тех кто не знает английский, есть два предлагаемых варианта - Сбалансированный и Строгий.
Сбалансированный режим(Balanced)
- Разрешены картинки, видео и ссылки.
- Гости могут комментировать
- Комментарии отмеченные флажками 5 раз будут отправлены на удержание и проверку
- Комментарии содержащие запрещенные слова будут автоматически удалены
- Токсичные комментарии будут автоматически определятся и проходить модерацию перед отображением
Строгий режим(Strict)
- Картинки, видео и ссылки не разрешены
- Гости не могут комментировать
- Комментарии отмеченные флажком трижды отправляются на удержание/проверку
- Обсуждение/комментарии для этой ссылки будут автоматически заблокированными через 30 дней
- Комментарии содержащие запрещенные слова и токсичные будут автоматически удалены
Для большинства подходит именно сбалансированный режим, его и выбираем, кликнув по нему чтобы он отметился галочкой. После этого завершаем установку кнопкой Complete Setup.
Это все что нужно было. Обновив страницу, если вы все сделали правильно, увидите заветную систему комментариев.
Вариант может меняться, в зависимости от выбранных вами настроек.
Отзывы
Пока нет комментариев
Для того чтобы оставить комментарий, авторизуйтесь.