Почему я отказался от Disqus и вам тоже пора / Хабр

m1rko

4 апреля 2019 в 19:03

Разработка веб-сайтов *Open source *

Перевод

Автор оригинала: Victor Zhou

Замена Disqus на Commento снизила размер страниц в 10 раз

Когда я завёл блог, то установил Disqus для комментариев. Это был естественный выбор: сайты по всему интернету ставили Disqus, его легко настроить, и есть бесплатный вариант использования. Я спокойно интегрировал движок комментариев и двинулся дальше.

Но вот в чём дело: я всегда знал, что Disqus немного раздувает страницы. Я ведь писал о веб-производительности и обычно старался оптимизировать страницы. Но я просто предположил, что Disqus прибавляет немного лишних килобайт. Логика: если он сильно раздувает страницы, все бы уже давно отказались от него. Очевидно, Disqus старается не увеличивать трафик, верно?

Я ошибался. На прошлой неделе я, наконец, сделал то, что должен был сделать с самого начала: взял и проверил. Вот результаты (проверено на моей статье про Webpack):

Disqus увеличил размер страницы более чем в 10 раз, а количество запросов — более чем в 6 раз. Это просто нонсенс! Я сразу начал искать замену Disqus с учётом веб-производительности.

Недавно я увидел сообщение на Hacker News об альтернативе Disqus под названием Commento с упором на производительность и конфиденциальность. Чтобы не повторять прежних ошибок, я сразу запустил тесты:

Разница налицо. Commento на порядок легче, чем Disqus.

Более того, у него и другие преимущества:

• Это open source, который можно поставить на своём хостинге.
  
• Он ориентирован на конфиденциальность — не продаёт пользовательские данные и пытается не собирать лишней информации.
  Это особенно приятно для моего блога, потому что мои читатели, вероятно, сильнее озабочены приватностью, чем средний пользователь интернета.
  
• Платите сколько хотите. Бесплатный уровень Disqus поставляет рекламу, а самый дешёвый платный уровень — $9 в месяц. Commento получается дешевле (если вы хотите заплатить)!
  
• Он настраивается. Стиль Commento можно настроить в соответствии со стилем остального сайта.
  
• Есть простой импорт из Disqus. Мне удалось без проблем быстро перенести все старые комментарии Disqus в Commento.

У меня Commento отлично работает, хотя вы можете выбрать и другую хорошую, лёгкую платформу для комментариев.

Вы ещё используете Disqus? Знаете, насколько он раздувает страницы? Что мешает переключиться?

Теги:

• Disqus
• Commento
• комментарии

Хабы:

• Разработка веб-сайтов
• Open source

Всего голосов 146: ↑145 и ↓1 +144

Просмотры

50K

Комментарии 47

Анатолий Ализар @m1rko

автор, переводчик, редактор

Комментарии Комментарии 47

Плагин комментариев Disqus для WordPress.

Форма комментариев для сайта.

Меня тут «зарядили» пост написать о форме добавления комментариев установленной на pervushin.com. Думал паимаишь на диване поваляться, а после таких комментариев разве можно без толку лежать? «Нет!» — сказал я себе и пролежням моим, выпрыгнул из под одеяла и за ноутбук :).

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

Под постом Вас ждет жирный бонус и сладкое, приятного «аппетита».

Сначала давайте разберемся в чем преимущества этой системы перед стандартной формой комментариев. Плюсы:

1. Удобная авторизация. Оставить на сайте комментарий можно не только как «гость» с простым указанием имени, сайта и email, но и как зарегистрированный пользователь одной из поддерживаемых систем: disqus, facebook, twitter, openid, yahoo.

2. Удобные древовидные комментарии. Уровень вложений можно регулировать, у меня стоит до 5.

3. AJAX. Никакой перезагрузки страниц. Добавление комментариев, нажатие кнопки «Нравится» и т.д. происходит на лету.

4. Никаких потерь комментариев. В сети бытует мнение (где-то видел), что все комментарии уходят на сервер disqus и дескать если что, то все потеряется, это не так! Все комментарии остаются на месте, т.е. в Вашей базе на Вашем сервере. Дискус просто синхронизируется с основной базой и копирует их себе.

5. Назначение прав пользователей. Пример: какой-то пользователь, Ваш знакомый, написал для Вашего блога гостевой пост, Вы в дискус назначаете его модератором этого поста и пусть он сам «расхлебывает» все поступающие комментарии :).

6. Симпатичный внешний вид. Я бы даже сказал очень симпатичный, на любом сайте эта форма смотрится куда лучше, чем «родная», стандартная.

7. Управление коментариями по e-mail. Да-да, это не просто очередная функция, это классная фишка! Вот приходит Вам сообщение, что кто-то оставил комментарий, а Вы ему в ответ пишете: approve — разрешить; spam — отправить в спам; delete — удалить; а если напишите просто сообщение, оно станет Вашим ответом на этот комментарий.

8. Единый админ-центр для всех Ваших комментариев и сайтов. У Вас несколько сайтов? Поставив дискус на них, Вам не придется бегать из одного админ-центра Вашего сайта в другой, все комментарии в одном месте.

Ну что, решились? Давайте ставить.

Установка и настройка disqus

Идем на disqus.com и регистрируемся, для этого жамкаем большую зеленую кнопку:

Перед нами несколько полей для заполнения:

Подробнее:

• Site URL — адрес Вашего сайта (блога)
• Site Name — имя Вашего сайта (блога)
• Site Shortname — короткое имя сайта, которое будет отображено в URL, у меня так и написано — pervushincom

Учетная запись главного модератора, т.

е. Вас:

• Username — Ваш логин
• Password — пароль
• Email address — электронная поста

Жмем «Continue» и попадаем на страницу быстрых настроек нашей будущей формы комментариев. Не переживайте, если что-то не так настроите, эти параметры можно будет изменить позже.

Первым делом выбираем язык, нам нужен русский:

Затем переходим к опциональным настройкам (Optional Features). На очереди Facebook Connect и Twitter @Replies.

В facebook connect следует вписать свой API, получить который можно кликнув по ссылке «(Click here to get one)», Вы должны быть зарегистрированы и авторизованы в facebook. Моя страница в facebook.

Twitter @Replies нужен для ответов в твиттер. Сюда можно вписать свой твиттер логин с @.  У Вас нет аккаунта в twitter? Так зарегистрируйтесь скорее, я уже там.

Ниже чекбокс Disable Like Buttons. Если поставите галочку, пользователи не смогут голосовать за Ваши посты, соответственно посты не появятся на главной странице disqus. com, а значит Вы не получите дополнительный трафик :). И хотя там большая конкуренция, я все же рекомендую эту галочку не ставить.

Следующая колонка, правее, по порядку сверху вниз:

• Media Attachments — дискус в комментариях может автоматически распознать ссылки на изображения и видео, сделать к ним превью и разместить их ниже, под самим комментарием. Думаю нам пригодится эта опция, потому ставим галочку.
• Trackbacks — из-за навалившегося большого количества спама у меня в блоге, трекбеки были отключены, потому и здесь я не ставлю галочку в этой опции. Если кто не знает, трекбеки показывают ссылки на сайты, которые ссылаются непосредственно на пост.
• Akismet — очень популярный спам-фильтр. Он у меня изначально стоял в виде плагина и тут есть эта опция, радует. Для его полноценной работы нужен API, который можно получить здесь (требуется регистрация). Рекомендую включить эту опцию.
• Reactions — полезная штука! Будет искать и выводить какие-либо упоминания о Вашем посте в различных сервисах (twitter, friendfeed, digg и т. д.). Я включил все сервисы.

Спускаемся чуть ниже, следующая опция «Display login buttons with comment box«. Очень удобная функция. Любой пользователь, имеющий аккаунт на одном из указанных сервисов (а это facebook, twitter, openid, yahoo) сможет авторизоваться без каких-либо проблем и оставить комментарий. «Развяжем» руки пользователям? Я да!

Тут все, нажимаем кнопку «Continue ->

«. На следующей странице выбираем движок, на котором будет установлен disqus:

Обратите внимание, дискус можно установить на любой сайт, если в списке нет Вашего движка, тогда на выручку придет «Universal Code«. Но сейчас я установлю его на wordpress. Он первый в списке..видимо самый популярный :). Клик.

Установка disqus на wordpress не вызовет у Вас каких-либо проблем, как впрочем и установка на другие движки.

Скачиваем плагин здесь, распаковываем и выкладываем на сервер в папку с плагинами, обычно она располагается здесь: /wp-content/plugins/.

Затем идем в админ-панель Вашего wordpress блога, переходим в раздел «Плагины». Если Вы правильно положили плагин (в нужную папку), тогда вордпресс его определит, Вы его увидите. Его надо активировать. Сделали? Идем в раздел «Комментарии». Disqus потребует авторизации, вводим логин и пароль (Вы же их записали, верно?). После авторизации нам предлагают завершить настройку дискуса, что также можно будет сделать позже, тем более что новая форма комментариев уже работает!

Кстати, имеющиеся у Вас в блоге комментарии автоматически скопируются дискусом..ну где-то в течении часа.

Дополнительные инструменты disqus

Саму систему я больше не настраивал, там и по-умолчанию все отлично выглядит, но на этом мы не заканчиваем. Есть еще очень полезные инструменты: вывод горячих тем, вывод последних комментариев (как у меня в сайдбаре), вывод топ комментаторов (самых комментирующих пользователей) и вывод количества комментариев в rss фиде от feedburner. Подробнее.

В панели дискуса нам потребуется вкладка «Tools» (инструменты):

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

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

Лучше внедрять нужные инструменты по отдельности. Мне, пока, понадобился лишь один виджет «Последние комментарии», если Вам тоже, тогда кликаем на ссылку «Recent comments». Что мы здесь можем настроить:

• Number of items to display — количество отображаемых записей. У меня так и осталось — 5.
• Show avatars — показывать аватары или нет. У меня так и осталось — yes.
• Avatar size -размер аватаров. У меня так и осталось — 32px.
• Comment Excerpt Length — ширина области с комментариями. Там стоит 200, мне понадобилось уменьшить до 180… вроде, не помню уже.

Ниже нас ждет уже готовый к «употреблению» код.

Обратите внимание, на изображении ниже я выделил одну строку зеленым — ее надо переименовать, она на английском, а Вы напишите, ну например, «Последние комментарии», оригинально правда? Вторая строка выделена желтым, удалите ее вообще.

Это абсолютно бессмысленная для нас лишняя ссылка на disqus.com. Остальной код вставляете в нужное место Вашего шаблона.

Остальные виджеты можно настроить по аналогии, там все также.

Вы пользуетесь feedburner? Тогда надо бы еще одну настроечку сделать :). Мы же хотим, чтоб в rss отображалось количество уже оставленных комментариев, вот как у меня сейчас:

Чтобы реализовать это дело у себя, нужно хлопнуть три раза в ладоши войти в свой feedburner аккаунт, выбрать вкладку «Optimize«, в панели слева выбрать пункт «Feedflare«:

Прокручиваем страницу вниз и в поле «Personal Feedflare» добавляем строчку:

http://pervushin.com/ВАШ_НИК.disqus.com/~feedflare/comments_link.xml

И соответственно жмем кнопку «Add New Flare«:

Устали? Да все уже, думаю этого более чем достаточно, чтобы легко работать и управлять своими (и чужими) комментариями.

Удачи Вам и побольше положительных комментариев Вашим блогам!

Snapshot / @pervushin_com в twitter

Сладкое на сегодня: очередной пример креативной и забавной рекламы. Девушку так колбасит, а в замедленном действии это выглядит очень смешно 🙂 Вот так работе надо отдаваться!

Блог Disqus

Включите JavaScript для просмотра комментарии на базе Disqus.

 

 

В прошлом месяце мы объявили, что работаем над обновлением раздела комментариев Disqus.

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

В новом отчете Международной ассоциации новостных СМИ (INMA) рассказывается о том, как издатели используют искусственный интеллект и автоматизацию для увеличения как своего редакционного охвата, так и своих доходов.

 

Привет всем,

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

 

Эра Илона Маска в Твиттере официально наступила, и недавно самопровозглашенный «Шеф Твит» не терял времени даром, предприняв ряд громких шагов и объявлений, призванных встряхнуть ситуацию.

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

 

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

Опять дежавю?

 

Посмотрим правде в глаза: у вас, как у издателя Disqus, нет ни времени, ни ресурсов, чтобы сидеть и вручную просматривать каждый комментарий, публикуемый в вашем разделе комментариев, не так ли?

Посмотрим правде в глаза: нам, чрезвычайно занятым людям, не всегда хватает времени, чтобы ответить на все, что мы видим в Интернете. Иногда нам хватает времени только на то, чтобы среагировать .

Первый месяц летней стажировки Disqus 2022 подходит к концу, и мы подумали, что это идеальное время, чтобы представить наших новых пополнений в команде Disqus!

Мы потратили некоторое время, чтобы задать нашим стажерам несколько вопросов, чтобы лучше познакомиться. Во-первых, у нас есть ваш писатель Имани Томпсон, наш контент-маркетолог, который сосредоточится на общении с вами через блоги Disqus, информационный бюллетень и т. д. В качестве нашего стажера по социальным сетям Тиарра Бэнкс будет следить за распространением через наши Twitter, Instagram и многие другие учетные записи. Дэвид Лессер будет работать напрямую с клиентами, управляя продажами и текущими счетами, обеспечивая удовлетворенность наших клиентов в качестве технического менеджера по работе с клиентами. Наконец, у нас есть Сучарита Валлабханени, которая будет обеспечивать эффективность Disqus, обрабатывая все, от услуг до продукта, в качестве нашего бизнес-аналитика-стажера. По мере того, как мы продолжаем привыкать к нашим повседневным обязанностям и бизнесу, мы обнаруживаем, что уверенно растем и наслаждаемся творческой властью, которую нам позволяют наши замечательные менеджеры.

Следующая »

Все сообщения

Кто удалил мой комментарий или заблокировал мой аккаунт?

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

Если вы заблокированы на нескольких сайтах

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

• использовать другую службу электронной почты (одноразовые службы электронной почты, обычно используемые спамерами, будут заблокированы).

• использовать другую учетную запись (имена пользователей, используемые спамерами, будут заблокированы).

• использовать Disqus с другого IP-адреса (IP-адреса, используемые спамерами, будут заблокированы).

Это сообщение означает, что модератор сайта заблокировал вашу учетную запись на одном сайте. Если вас забанили только на одном сайте, попробуйте следующее:

Если модератор сайта дал вам тайм-аут

Это сообщение означает, что модератор поместил вашу учетную запись в тайм-аут. Тайм-ауты являются временными и длятся любое количество времени, указанное модератором.

Как связаться с модератором

На большинстве веб-сайтов есть контактная форма или адрес электронной почты, указанные для связи с модераторами или службой поддержки. Чтобы быстрее найти контактную страницу сайта, может помочь Google: [название веб-сайта] «свяжитесь с нами».
Обратите внимание, что сайты не обязаны предоставлять контактную информацию, и в случаях, когда сайт не предоставляет контактную информацию, Disqus не сможет связать вас с модератором этого сайта.

Если ваш комментарий был опубликован, но не отображается в цепочке, проверьте свой профиль > лента комментариев, чтобы определить, почему комментарий не отображается. Ваш комментарий может быть…

Если вы видите одно из приведенных выше сообщений рядом с вашим комментарием, попробуйте связаться с модератором сайта, на котором вы разместили комментарий; только модераторы сайта имеют право одобрять комментарий или объяснять его статус.

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

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

• Содержит ссылку.

• Содержит мультимедийное вложение, например изображение или видео.

• Пользователь не подтвердил свою электронную почту.

• Текущая ветка обсуждения проходит премодерацию.

Если ваш комментарий ожидает предварительной модерации, он будет отображаться как ожидающий рассмотрения в вашем профиле > лента комментариев.

Disqus принимает меры в нашей сети в отношении комментариев, профилей и обсуждений, которые нарушают наши Основные правила, включая спам.
 
Однако, когда речь идет об отдельных сайтах и ​​сообществах, Disqus не принимает участия в принятии решений по модерации (например, утверждение комментариев, удаление комментариев или разрешение споров между комментаторами), а также мы не можем объяснить, почему комментарий или учетная запись пользователя прошел модерацию.