Гость

Нажмите для авторизации/регистрации

  • Назад
  • Меню
  • Статьи
    • Все
    • Интернет и технологии
    • Laravel и WebDev
    • Linux, Windows, Docker, Etc
    • Новости
    • Прочее
    • Геймдев
    • Смотри как я умею
  • Информация
    • Оферта на дополнительные функции
    • Политика конфиденциальности
    • Тарифы
    • Пользовательское соглашение

Laravel, подключаем комментарии Disqus на сайт

  1. Главная
  2. Статьи
  3. Laravel и WebDev
  4. Laravel, подключаем комментарии Disqus на сайт
Laravel, подключаем комментарии Disqus на сайт
  • 11/12/2021
  • Chebukin Pavel
  • 733 просмотров
  • 0 комментариев

Laravel, подключаем комментарии Disqus на сайт

Ранее я уже писал о том, как добавить комментарии Facebook на сайт. В этом материале мы добавим альтернативные комментарии, от сервиса Disqus. 

Комментарии на сайт встроенные лучше, чем подключаемые. Но требуют разработки, внедрения, модерации и т.д. Все это время и ресурсы. Но такие комментарии будут работать быстрее даже. Не всем хочется тратить свое время и делать собственную систему комментариев. По этой причине дискус и фейсбук хорошие альтернативы. Преимущества и недостатки их следующие

Disqus

  • + Интеграция легче чем у FB.
  • + Удобное модерирование
  • + Нотификация о новых сообщениях
  • - Пользователям сложнее добавлять комментарии, так как в ФБ больше пользователей, а тут нужно регистрироваться.

 

Facebook

  • - Более сложная интеграция, сложнее чем у дискуса
  • - Неудобная модерация 
  • - Нет нотификаций о новых сообщениях
  • + больше аудитория чем у дискуса, не нужно регистрироваться дополнительно.

Итак, начнем подключение.

Зарегистрируйтесь на сайте 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.

Это все что нужно было. Обновив страницу, если вы все сделали правильно, увидите заветную систему комментариев.

Вариант может меняться, в зависимости от выбранных вами настроек.

Отзывы

Пока нет комментариев


Для того чтобы оставить комментарий, авторизуйтесь.
Понравился материал? Поделись!
Создаем канал в Telegram и отправляем в него сообщение через PHP/Laravel просто и легко
Дек10
Создаем канал в Telegram и отправляем в него сообщение через PHP/Laravel просто и легко

Многие проекты используют нотификацию. Некоторые отправляют сообщения на почту, другие в Telegram, Slack и прочее. Сообщения - отличный вариант сообщить о новом заказе, комментарии, материале на сайте или происхождении какого-то события. Для многих вариантов используются библиотеки. Но вот для текстового сообщения в телеграм такое не нужно. Достаточно открыть прямую ссылку с нужными...

  • Chebukin Pavel
  • 0
  • 10.12.2021 23:42
Проблема с просмотром больших XML/YML файлов?
Ноя28
Проблема с просмотром больших XML/YML файлов?

Вы, как и я, столкнулись со сложностью того, что сайт через API отдает большой XML файл? Хорошо когда есть документация, но часто ее нет, или она не полная, или вообще не актуальная. Нужно посмотреть что внутри файла. И вот тут сталкиваемся со сложностью, большая часть редакторов кода и текстовых редакторов...

  • Chebukin Pavel
  • 0
  • 28.11.2021 23:24
Создадим Нотификацию В Laravel, Отправляющую Сообщение В Телеграмм
Дек11
Создадим Нотификацию В Laravel, Отправляющую Сообщение В Телеграмм

Это продолжение материала по созданию канала и бота в телеграмм, для нотификаций. В этом материале мы лишь создадим саму нотификацию Laravel и будем отправлять ее в очередь, при возникновении события. Создадим канал telegram, для нотификации через него php artisan make:channel telegram Это то, куда доставляется сообщение. Сам файл: app/Broadcasting/telegram.php. В нем...

  • Chebukin Pavel
  • 0
  • 11.12.2021 00:58
Простой LazyLoad для сайта на Laravel и не только
Ноя25
Простой LazyLoad для сайта на Laravel и не только

Что такое LazyLoad? Суть метода LazyLoad - подгружать картинки не в момент загрузки страницы, а по мере ее просмотра. Это облегчает первоначальную загрузку страницы, скорость отображения пользователям и отношение поисковых систем. На многих своих сайтах я использую LazyLoad картинок, для ускорения загрузки самого сайта. Сделать это легко. Заходим на сайт...

  • Chebukin Pavel
  • 0
  • 25.11.2021 23:30
Фотостоки и банки картинок с бесплатными тарифами
Ноя28
Фотостоки и банки картинок с бесплатными тарифами

Разрабатывая проект себе, или небольшому заказчику, сложно позволить себе значимые суммы денег в затратах. До выхода проекта в плюс, часто идет очень не мало временных и интеллектуальных, а так же финансовых затрат. Позволить себе оплату на таких сервисах как Envato Elements сложно. Хотя некоторое время я использовал их подписку и...

  • Chebukin Pavel
  • 0
  • 28.11.2021 21:27
Laravel: CKEditor 4 + Сниппет кода
Ноя24
Laravel: CKEditor 4 + Сниппет кода

Символично на сайтах по ларавел начать наверное с какой-нибудь темы аля "сделать блог". Возможно в дальнейшем и я напишу такой материал. Но в этом я хочу показать как сделать интеграцию визуального редактора CKEditor со сниппетом кода. Саму установку CKEditor и интеграцию загрузки картинок опишу отдельным материалом. Здесь же, условимся что используется...

  • Chebukin Pavel
  • 0
  • 24.11.2021 21:24

Copyright 2023 © All rights reserved.

Мы в: