Убрать лишнее внизу комментариев disqus. Disqus — плагин для комментариев в WordPress

Привет, уважаемый читатель блога или просто заглянувший на чай!
Сегодня на обсуждение возьмем систему комментирования Disqus. Разберем, почему этот пост будет полезен не только администраторам сайтов, но и обычному пользователю интернета 😉

С чего начать? Регистрация в системе

Для тонкой настройки своего аккаунта необходимо зарегистрироваться на сайте disqus.com
Тут вы выбираете, регистрироваться как администратор сайта, на который будете устанавливать Disqus или же как простой комментатор.

Далее заходим в профиль и подключаем всё, что у нас есть (Twitter, Facebook и т.д.) — по крайней мере, я сделал именно так. После подключения сервисов системе нужно подумать, поискать ваши комментарии на подключенных сайтах, после чего она выдаст такое сообщение: «We think we’ve found other profiles that may belong to you. Merge them here» что переводится как «Мы нашли другие профили, которые вероятно принадлежат Вам. Выполните слияние тут». Нажимаем по ссылке и видим примерно такую картину (конечно, адрес другой будет 😉 ):

После этого, ВСЕ комментарии, которые вы оставили на сайтах с системой комментирования Disqus обзаведутся ссылкой на ваш профиль (или сайт, если вы его указали ) или твиттер (опять же, если вы его указали, не указав сайта).

Чем это хорошо?
Можно управлять именем, аватаркой, ссылкой и «ШортБио» (инфо, отображаемое рядом с ником ) сразу на всех сайтах, которые вы комментировали!

Если есть сайт и хотите присоединить его к Dicqus’у, то читайте далее…

Установка Disqus на сайт

После прохождения регистрации было бы неплохо поставить на сайт и настроить, о чем я и расскажу:

Нажав на Install, выбираем свою CMS из списка:

Как правило, требуется всего лишь установить плагин и настроить его. Про установку писать не буду, все мы знаем, как ставить плагины (ведь знаем же? 😉 ). Настроить тоже достаточно просто:

Заходим в админку, в комментарии и выбираем Disqus –

Идем в Advanced Options и вбиваем свои параметры, как показано на скриншоте:

Спускаемся ниже и запускаем экспорт всех наших комментариев (мы же не хотим, чтобы они пропали, правда? ) нажав Export comments to Disqus.

После этого нужно ждать (мне пришлось прождать полтора часа), время зависит от того, насколько много комментариев. Вуаля, комментарии синхронизировались с сервером Disqus, теперь они будут заноситься не только в базу данных блога, но еще и в базу данных сервера Дискуса (что очень удобно при падении сервера и внезапной смерти базы данных, не дай бог, тьфу тьфу тьфу ).

Настройка Disqus

Отрываем вкладку Manage, где настраиваем связь с Akismet и другие параметры (при малейшем знании языка, все получится, а если не знайте – гугл переводчик вам в помощь !):

Теперь нужно обратить внимание на вкладку Moderate, там будут комментарии посетителей и их статус (

• Перевод

Какое-то время я хотел убрать комментарии из своего блога; в основном, потому что здесь вообще мало комментариев, да и не хочется возиться с лишними «тормозами» от Disqus . Посмотрев на время загрузки Disqus, я был потрясён тем, что приходится терпеть посетителям сайта по моей вине (кроме тех, кто использует блокировщики вроде Privacy Badger и uBlock Origin .

Эта статья заточена под Hugo, но код легко адаптируется для любого сайта.

Что не так с Disqus?

Вот как выглядит типичный журнал запросов с включенным Disqus.

1. Для каждого опубликованного поста открывайте Issue в каком-нибудь репозитории на Github. Например, для этого поста он открыт .
2. Все комментарии публикуются напрямую на Github.
3. Добавьте на сайт код Javascript, который считывает описание JSON комментариев этого Issue и отображает их.

Преимущества такого подхода вы получаете немедленно:

• Трекинг посетителей сайта сводится к нулю. Сам Github видит только сетевые запросы на чтение с безымянных IP.
• Все комментарии написаны на , с поддержкой встроенного кода, изображений, списков и форматирования.
• Вы можете использовать уведомления Github об ответах; не требуется даже заходить на этот сайт, чтобы читать комментарии и участвовать в обсуждении.
• Хотя это кажется лишним, но вы можете интегрировать эмодзи Github Reactions (может быть полезно для более крупных сайтов).

Для чтения данных Github JSON не требуется ключ API; они полностью открыты для доступа. Комментарии к этому посту можно считать в виде JSON . Первый комментарий выглядит так:

{ "url": "https://api.github.com/repos/dwilliamson/donw.io/issues/comments/295004846", "html_url": "https://github.com/dwilliamson/donw.io/issues/1#issuecomment-295004846", "issue_url": "https://api.github.com/repos/dwilliamson/donw.io/issues/1", "id": 295004846, "user": { "login": "dwilliamson", "id": 1532903, "avatar_url": "https://avatars3.githubusercontent.com/u/1532903?v=3", "gravatar_id": "", "url": "https://api.github.com/users/dwilliamson", "html_url": "https://github.com/dwilliamson", "followers_url": "https://api.github.com/users/dwilliamson/followers", "following_url": "https://api.github.com/users/dwilliamson/following{/other_user}", "gists_url": "https://api.github.com/users/dwilliamson/gists{/gist_id}", "starred_url": "https://api.github.com/users/dwilliamson/starred{/owner}{/repo}", "subscriptions_url": "https://api.github.com/users/dwilliamson/subscriptions", "organizations_url": "https://api.github.com/users/dwilliamson/orgs", "repos_url": "https://api.github.com/users/dwilliamson/repos", "events_url": "https://api.github.com/users/dwilliamson/events{/privacy}", "received_events_url": "https://api.github.com/users/dwilliamson/received_events", "type": "User", "site_admin": false }, "created_at": "2017-04-18T22:39:16Z", "updated_at": "2017-04-18T22:39:16Z", "body": "This is a comment" },
Первым делом следует добавить новый шаблон в свой каталог с частями шаблонов. Он будет считывать и отображает комментарии Github (comments.html). Вот код, который я использовал:

Var url = "https://github.com/dwilliamson/donw.io/issues/" + {{ $.Params.ghcommentid }} var api_url = "https://api.github.com/repos/dwilliamson/donw.io/issues/" + {{ $.Params.ghcommentid }} + "/comments" $(document).ready(function () { $.ajax(api_url, { headers: {Accept: "application/vnd.github.v3.html+json"}, dataType: "json", success: function(comments) { $("#gh-comments-list").append("Visit the Github Issue to comment on this post"); $.each(comments, function(i, comment) { var date = new Date(comment.created_at); var t = "

"; $("#gh-comments-list").append(t); }); }, error: function() { $("#gh-comments-list").append("Comments are not open for this post yet."); } }); });
Его можно вызвать со страницы поста:

{{ partial "comments.html" . }}
Переменные, на которые ссылается шаблон, следует добавить в заголовок html-страницы. В данном случае это единственная переменная ghcommentid , она устанавливает номер Issue, который используется для комментариев.

Резюме

Добавить больше нечего. Технически, вы можете вообще публиковать свои посты как Github Issues и забыть о блог-движке. Но это кажется использованием системы не по назначению.

Этот веб-сайт управляется на Github как

Не секрет, что сегодня социальные сети являются неотъемлемой частью интернета. И если раньше термин «Интернет» писали с большой буквы, а каждый сайт являлся уникальной самобытной единицей и местом обитания, удерживая у себя некоторую аудиторию и вынуждая регистрироваться у себя, чтобы оставить комментарий, то сейчас эти границы постепенно стираются. Веб становится всё более плотным и перекрёстным. Чтобы оставить комментарий, уже не приходится регистрироваться на сайте. Более того, теперь сайты на CMS, которые не предусматривают систему комментирования в принципе, можно установить социальные плагины для комменирования записей от Вконтакте или Facebook и получать отзывы. Единственным моментом является то, что пользователь должен иметь аккаунт в одной из этих соцсетей, чтобы иметь возможность участвовать в обсуждениях.

Disqus - cоцсеть и вебсервис комментариев

Сегодня я хочу поговорить об интересном вебсервисе под названием Disqus . Это сервис, который позволяет настроить обсуждения и комментарии на сайте без использования CMS. Сервис работает на основе собственной соцсети, что упрощает возможность комментирования на сайтах, его использующих. На сегодняшний день является лидером рынка: его используют порядка 750 тысяч сайтов и блогов.

Чем хорош Disqus и почему его стоит использовать

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

Также, если настроили предварительную премодерацию, вы сможете одобрять или удалять новые комментарии прямо из вашей почты: на email модератора будут приходить уведомления о новых сообщениях, и он на них отвечает Approve (одобрить), Delete (удалить) или Spam (В спам).

Разнообразные настройки: добавить или удалить модератора, белый и чёрный списки. Документация (правда, на английском).

Также, если вы не собираетесь устанавливать disqus на свой сайт, то зарегистрироваться на этом сайте всё равно советую, пригодится, ибо всё больше сайтов используют эту систему.
Доступен раздел с собственными комментариями, оставленными на сторонних сайтах.

Думаю, доводов «за» достаточно.

Как установить Disqus у себя на сайте

Следите за тем, чтобы во время регистрации сайта быть авторизованным под своим ником (если у вас их в Disqus несколько). Он будет считаться главным модератором (primary moderator), и этого не изменить, пока не удалить сайт из системы.

Настройка Disqus

После установки Disqus на сайт переходим в панель администратора https://{вашсайт}.disqus.com/admin/

1. Блок помощи в установке, настройке и документации
2. Блок с ожидающими модерации комментариями
3. Аналитика за неделю
4. Возможность монетизации. Включается отдельно через этот блок
5. Настройки

Вот в настройки и переходим.

General

• Organization — используется для упрощения управления несколькими сайтами как принадлежащие одному лицу, бренду и тому подобное
• Shortname — ярлык вашего сайта в Disqus. После регистрации не изменяется
• Website Name — Имя и короткое описание вашего сайта. Будет отображаться над полем комметариев
• Website URL — Имя домена. Если оно сменилось, а терять комментарии не хочется, рядом есть ссылка в помощь
• Discovery — блок в конце комментариев с рекомендациями посмотреть дополнительные обсуждения. Аналог Смотрите также , Related Posts и тому подобное. Рекомендую отметить
• Default Commenter Avatar — можно изменить аватарку по умолчанию и поставить свою. Она будет отображаться у пользователей Disqus вместо дефолтной, а также у гостей (незарегистрированных пользователей)
• Category — к какой категории относится ваш сайт. От этого будет зависеть, в какой группе сайтов будут выходить рекомендации
• Description — полное описание вашего сайта
• Language — язык отображения элементов управления формой комментариев. Есть локализация на русском языке
• Appearance — настройки оттенков цветовой палитры (светлый и тёмный) и семейства шрифтов. Подбирайте опытным путём или проще ставьте на auto

Теперь переходим на вкладку Community

Community

• Comment Count Link — число комментариев в статье. Использую варианты: 1) Нет комментариев; 2) 1 комментарий; 3) Комментариев {num} — вместо {num} на сайте будет отображаться число
• Moderator Badge Text — рядом с комментариями на бейджике будет отображаться этот текст. Можно оставить как есть или вписать, например, модератор
• Default Sort — как будут сортироваться комментарии по умолчанию. Есть варианты: 1) Newest first — Новые сначала; 2) Best first — Лучшие сначала; 3) Oldest first — старые сначала. В любом случае, пользователи смогут сами отсортировать комментарии на свой вкус
• Guest Commenting — если отметить, то гости (неавторизованные пользователи) смогут оставлять сообщения без регистрации в системе
• Pre-moderation — если выбрать all , то премодерация включится, и каждый новый комментарий придётся одобрять (аппрувить). Если none , то премодерация будет выключена
• Links in Comments — если отметить, то любой новый комментарий, содержащий ссылку, автоматически отправится в премодерацию независимо от настроек предыдущего пункта
• Media Attachments — если отметить, то станет возможным прикреплять к сообщениям изображения и видео
• Flagged Comments — если отметить Email moderators when a post is flagged , то каждый раз при необходимости отмодерировать комментарий, на который кто-то пожаловался, нажав на флаг напротив него, на email модератора будет приходить соответствующее уведомление. Do not display a comment once it is flagged означает, что при определённом количестве жалоб (1 time, 3 time и т.д.) комментарий автоматически скрывается и ожидает проверки модератором
• Automatic Closing — можно установить, через сколько дней обсуждение будет закрыто. Если оставить ноль, обсуждение закрываться не будет
• Twitter @Replies — можно ввести логин в твиттере, например sheensayru , чтобы при шаринге комментариев в твиттер в сообщения добавлялась ссылка на ваш аккаунт в твиттере в виде ответа на него @sheensayru

Advanced

• Deeply integrate Disqus with your community — глубокая интеграция системы Disqus в сайт. В этом разделе есть два пункта.
  1. Tracking — отметив этот пункт, вы включаете анонимные куки, которые пишутся в браузеры пользователей, с помощью которых улучшается таргетирование (т.е. более точное нацеливание подборки) рекомендуемого контента и рекламы (если вы её включили)
     
  2. Affiliate links — отметив, вы включите поддержку реферальных ссылок на ваш сайт, с части дохода которых вы будете получать профит. Если вы ничего в этом не понимаете и не занимаетесь CPA, но не против получить что-то с рекламы, можете включить этот пункт и посмотреть, возможно что интересное и выйдет. Но, на мой взгляд, лучше этот пункт выключить, иначе можно недополучить в доходах, даже не понимая, почему
• Trusted Domains — вы можете ввести имена доверенных доменов, на которых возможно использовать идентификатор вашего сайта. Настоятельно рекомендуется ввести в это поле свой домен (без www), иначе любой сайт сможет установить код Disqus, и используя ваш идентификатор, открывать там дискуссии. Это потенциальная угроза со стороны мимикрирующих под ваш сайт сайтов в плане проведения фишинг-атаки. Поддомены вводить не надо, они автоматически будут учитываться
• Delete from Disqus — в этом разделе можно удалить все комментарии и данные сайта

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

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

Установка комментариев Disqus

Первым делом нужно зарегистрироваться в системе или просто авторизоваться через социальные сервисы Facebook, Twitter или Google Plus по ссылке . После авторизации нужно перейти по ссылке "Add Disqus to Your Site" где будет предложено ввести данные своего будущего профиля.

Первый пункт "Site name" нужно ввести название своего проекта, их может быть несколько, поэтому сделано это для того чтоб в будущем не путаться в них. Следующий пункт "Choose your unique Disqus URL" сюда нужно придумать имя которое будет показываться на сервисе Disqus. Ну и заключительным этапом будет пункт "Category" здесь все ясно, нужно подобрать категорию которая максимально подходит вашему сайту. После всего выше проделанного нажмите "Finish registration" . И попадаем на страницу где нам предлагают выбрать платформу на котором работает ваш сайт, здесь предложены самые популярные CMS к которым можно прикрутить комментарии от Disqus.

Но так как я работаю с движком DLE, то мне нужно выбрать "Universal Code" . После этого мы видим код, который нужно вставить к себе на сайт, опять же в моем случае нужно его вставить в addcomments.tpl, предварительно удалив из него все содержимое. В коде можно удалить нижнюю строчку которая заключена в, это просто ссылка на сервис, и она не играет никакой важной роли.

Ну вот, основная установка завершена, и форму комментирования уже можно увидеть на сайте. Для более детальной настройки нужно проделать еще несколько шагов.

Настойка комментариев Disqus

Для перехода к настройкам нужно перейти по ссылке "General" которая находится в категории "Settings" .

Color scheme - выберите цветовую схему, по умолчанию стоит автоматически, можно выбрать как для темных сайтов так и для светлых.

Typeface - выбор шрифтов которые будут использоваться в комментариях.

Moderator Badge Text - позволяет изменить текст который находится возле ваших ответов к комментариям, по умолчанию стоит "moderator" .

Comment Count Link - это изменение текста к заметкам которые выводятся например в короткой новости, количество комментариев к той или иной записи. То-есть по умолчанию "Comments" если изменить например на "Обсуждений" то так оно и будет выводится. это будущее число опубликованных комментариев, (не трогать).

Default Sort - это сортировка комментариев, по умолчанию стоят комментарии за которые больше всего проголосовали. Можно изменить чтоб показывались новые в веру или старые.

Discovery - это блок который подставляется под комментариями, в нем отображаются ссылки на другие комментарии которые уже присутствуют на вашем сайте, что-то наподобие похожих новостей к статье.

Shortname - показывается короткое имя которое мы вводили при регистрации.

Website Name - тоже то что вводили при создании, можно заменить если не нравится.

Description - напишите описание своего сайта если хотите.

Guest Commenting - если галочку установите то вы позволите пользователям вводить по минимуму данных, то-есть если не захотят авторизовываться, то просто введут имя и e-mail.

Pre-moderation - премодерация, можно настроить. Если поставит галочку "None" то комментарии появляются без проверки. "Non-verified" отправляет на проверку только комментарии гостей. И "All" на премодерацию идут абсолютно все комментарии пользователей, не имеет значения авторизован он или нет.

Links in Comments - при включении этой функции на модерацию идут комменты в которых была оставлена ссылка на внешний ресурс. Советую включить для защиты от спамеров.

Media Attachments - прикрепление медиа файлов. Если поставить галочку то посетители смогут прикреплять файлы, изображения и видео.

Flagged Comments - дается возможность пользователям отмечать самостоятельно какие либо комментарии как спам. Первый пункт предназначен для оповещения по почте если кокой-то комментарий отмечен как спам. Во втором пункте можно выбрать количество отмеченных в спам комментариев, после определенного количества комментарий исчезает из беседы.

Automatic Closing - предназначен для выбора срока жизни блока Disqus комментариев на сайте. То-есть если например поставить число 10, то блок пропадет с сайта через десять дней, "0" неограниченно. Может быть полезным для временного одностраничника например.

Twitter @Replies - прикрепление своего аккаунта Twitter, вся беседа на сайте будет транслироваться в вашем Твиттере.

Ну вот и все, основные настройки произведены, и с Дискусом мы разобрались, теперь предлагаю вкратце ознакомится с похожими сторонними сервисами.

Альтернативные сервисы комментариев

SolidOpinion - Очень интересные и приятные комментарии, есть возможность видоизменять блок под дизайн своего сайта. Так-же есть функция "звания", при включении пользователи получают звание за достижение нужной репутации. Название звания, иконки, цвет и многое другое настраивается вами на свой вкус.

Попробовать solidopinion

IntenseDebate - Может подтолкнуть посетителей оставлять больше комментариев благодаря возможности добавления своего сайта. Но не этим меня они привлекли, а полным доступом к CSS, то-есть например если не нравится логотип Intense Debate в нижней части блока его легко можно скрыть средствами css, добавив к нужному классу или id

Так можно поступить с любым ненужным элементом. И еще куча всяких настроек о которых сами можете узнать если выберите этот сервис.

Попробовать IntenseDebate

Livefyre - это платформа, которая превращает комментарии на любом сайте в живую беседу, так как добавляются новые записи в реальном времени без обновления страницы.

Вот некоторые ключевые особенности: Построены на технологии чата, так что все комментарии, лайки, и модерация происходит в режиме реального времени. Индикаторы информируют Вас о появлении новых постов которые были добавлены выше или ниже вас. Можно делиться комментариями на Facebook и Twitter.

Попробовать Livefyre

BurnZone - удобные и простые в настройке комментарии, для добавления записи пользователю достаточно авторизоваться через этот же сервис или facebook, twitter, google+ или даже войти с помощью Disqus"а. Так-же присутствует какай-та система баллов, я в это не вникал, думаю разобраться не сложно будет.

Попробовать BurnZone

SVkament - ну и наверное завершу свой далеко не полный список отечественной системой комментирования, данный сервис полностью повторяет всем известный Disqus, есть подробная инструкция по интеграции в uCoz, Joomla, Wordpress и для других cms предусмотрен универсальный HTML код для вывода блока комментариев с различными дополнительными настройками. Есть еще интересная настройка под названием "Социальные трансляции", это отлично подойдет тем, у кого есть группа в ВК, при подключении функции все записи пользователей будут автоматически транслироваться в группе которую вы подключите.

Попробовать SVkament

Сегодня нами будет продемонстрирована установка и настройка комментариев Disqus на WordPress, довольно популярной системы комментариев, которая встречается на многих сайтах. Так же, как и , который является лидером среди бесплатных CMS.

Перед тем как установить и настроить Disqus на сайте, давайте остановимся на плюсах и минусах, с которыми вы столкнётесь при установке и работе с данной программой, после этого вы для себя решите, стоит ли устанавливать данный плагин на ваш сайт.

Как видим, плюсов оказалась больше чем минусов. Я привел здесь, конечно же, не все, лишь самое очевидное, минусов могло оказаться и больше. Тем не менее я пока доволен работой этой системы комментариев, а вы из всего вышесказанного сделаете свои выводы.

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

Разберем лишь некоторые функции, а остальные можно оставить по умолчанию. В принципе, все настройке интуитивно понятны, если что, можно перевести с помощью Google-переводчика сайтов.

Если вы вышли из панели Disqus, то заходим обратно, и здесь в меню заходим в настройки (setting).

Language. Здесь меняем язык на русский.

Discovery. Если включим данную функцию, то в самом низу комментариев появится блок с ссылками на обсуждения, проходящие на вашем сайте.

Guest Commenting. Если поставим галочку в этом пункте, то гости смогут оставлять комментарий на сайте.

Media Attachments. При включении этой функции начнут отображаться видео или изображения в комментариях, где есть ссылки на них.

Вот мы и разобрались, как проходить установка и настройка комментариев Disqus, теперь мы можем ожидать большего фидбэка в своём блоге!