- Почему я отказался от Disqus и вам тоже пора
- Альтернатива: Commento
- Модуль «Комментарии Disqus»
- Пропали комментарии Disqus после перехода на HTTPS
- Как интегрировать Disqus в WordPress
- В первую очередь: Регистрация нового Disqus аккаунта
- Установка плагина для экспорта существующих комментариев в Disqus
- Настройка плагина
- Экспорт существующих комментариев в Disqus
- Интеграция Disqus в WordPress без плагина
- Встройка комментариев Disqus
- Получение количества комментариев
- Заключение
Почему я отказался от Disqus и вам тоже пора
Когда я завёл блог, то установил Disqus для комментариев. Это был естественный выбор: сайты по всему интернету ставили Disqus, его легко настроить, и есть бесплатный вариант использования. Я спокойно интегрировал движок комментариев и двинулся дальше.
Но вот в чём дело: я всегда знал, что Disqus немного раздувает страницы. Я ведь писал о веб-производительности и обычно старался оптимизировать страницы. Но я просто предположил, что Disqus прибавляет немного лишних килобайт. Логика: если он сильно раздувает страницы, все бы уже давно отказались от него. Очевидно, Disqus старается не увеличивать трафик, верно?
Я ошибался. На прошлой неделе я, наконец, сделал то, что должен был сделать с самого начала: взял и проверил. Вот результаты (проверено на моей статье про Webpack):
Disqus увеличил размер страницы более чем в 10 раз, а количество запросов — более чем в 6 раз. Это просто нонсенс! Я сразу начал искать замену Disqus с учётом веб-производительности.
Альтернатива: Commento
Недавно я увидел сообщение на Hacker News об альтернативе Disqus под названием Commento с упором на производительность и конфиденциальность. Чтобы не повторять прежних ошибок, я сразу запустил тесты:
Разница налицо. Commento на порядок легче, чем Disqus.
Более того, у него и другие преимущества:
- Это open source, который можно поставить на своём хостинге.
- Он ориентирован на конфиденциальность — не продаёт пользовательские данные и пытается не собирать лишней информации. Это особенно приятно для моего блога, потому что мои читатели, вероятно, сильнее озабочены приватностью, чем средний пользователь интернета.
- Платите сколько хотите. Бесплатный уровень Disqus поставляет рекламу, а самый дешёвый платный уровень — $9 в месяц. Commento получается дешевле (если вы хотите заплатить)!
- Он настраивается. Стиль Commento можно настроить в соответствии со стилем остального сайта.
- Есть простой импорт из Disqus. Мне удалось без проблем быстро перенести все старые комментарии Disqus в Commento.
У меня Commento отлично работает, хотя вы можете выбрать и другую хорошую, лёгкую платформу для комментариев.
Вы ещё используете Disqus? Знаете, насколько он раздувает страницы? Что мешает переключиться?
Источник
Модуль «Комментарии Disqus»
Перед началом настройки убедитесь что модуль активен. Для этого в панели администрирования перейдите в раздел «Модули» (рис. 1).
Если галочка активности у модуля не стоит, то ее необходимо поставить (рис. 1, п.2).
Рисунок 1.
Настройка модуля
Настройка модуля, на самом деле очень проста, и сводится к регистрации в сервисе и указании одного единственного параметра в самом модуле на стороне магазина.
Для начала, переходим на сайт disqus.com и в правом верхнем углу нажимаем на кнопку «Get Started»
Рисунок 2.
Далее необходимо заполнить форму регистрации: имя, e-mail, пароль и нажать «Signup» (рис. 3).
Рисунок 3.
После регистрации появится окно, в котором необходимо выбрать «I want to install Disqus on my site» (рис. 4).
Рисунок 4.
Затем в новой форме необходимо заполнить следующие данные (рис. 4):
Рисунок 5.
- Website URL — имя домена;
- Category — к какой категории относится Ваш сайт.
- Language — язык отображения элементов управления формой комментариев.
После чего появится окно, в котором необходимо выбрать раздел «Settings»-«Sites»- а возле адреса Вашего сайта нажать «Edit Settings» (рис. 6).
Рисунок 6.
Здесь находим параметр «Shortname», это и есть нужный нам единственный параметр для интеграции сервиса.
Рисунок 7.
Копируем его и переходим в настройки модуля на стороне магазина. Указываем это ID в графе «Индентификатор сайта» и нажимаем сохранить.
Рисунок 8.
Готово! На этом подключение завершено.
Проверка работы
Для проверки перейдём в клиентскую часть, в карточку любого товара и откроем вкладку «Отзывы».
Без модуля, вкладка выглядит так (рис. 9).
Рисунок 9.
После включения модуля и указания идентификатора сайта, вкладка с отзывами о товаре будет выглядеть вот так (рис. 10).
Рисунок 10.
Дополнительные действия со стороны сервиса Disqus
Первоначально, если не разрешить гостям комментировать, то отзывы смогут отправлять только зарегистрированные пользователи (вошедшие через Disqus, Facebook, Twitter, либо Google) и на почту будут высылаься письма для подтверждения почты (рис. 11).
Рисунок 11.
Чтобы такого не было, необходимо со стороны Disqus перейти в раздел «Settings» — «Community» и в пункте «Guest Commenting» поставить галочку «Allow guests to comment» и сохранить.
Рисунок 12.
После чего со стороны магазина при добавлении отзыва появится пункт «Хотел бы написать как гость» (рис. 13), а гости-комментаторы, в свою очередь, не получат уведомления по электронной почте и так же могут не иметь профилей.
Рисунок 13.
Все комментарии ожидают проверки со стороны DISQUS в разделе «Community» (рис. 14).
Рисунок 14.
Источник
Пропали комментарии Disqus после перехода на HTTPS
При переходе на https все комментарии пропали (что логично). Не подскажите, как их сохранить?
Даже не смотря на то, что я не использую комментарии Disqus на своих блогах, мне все же захотелось разобраться с этим вопросом или хотя бы узнать насколько это возможно и возможно ли вообще.
Скажу сразу, что после перехода на HTTPS вернуть все оставленные посетителями комментарии вполне реально. Правда для этого придется немного поработать ручками. Вот вам еще один плюс в корзину формы комментариев от Blogger, соответственно для пользователей других платформ плюсы идут их стандартным формам комментов.
Как вернуть комментарии Disqus, которые исчезли после перехода на HTTPS:
Как и всегда в трудные моменты я обратился за помощью к старому знакомому «Гугл». В рунете я не нашел ничего, что могло бы помочь, по-этому двинулся искать дальше уже за его пределами. К моему удивлению на эту тему так же было немного информации, даже на западных источниках. Я обычно иду до конца, но если не вижу хоть малейших намеков на успех, то уж извините. Но в данном случае проблеск появился, благодаря чему я успешно восстановил комментарии Disqus.
У меня аккаунт на английском, но думаю будет понятно по картинкам, что как и куда.
Панель администратора: Сперва открываем панель администратора.
После нажатия на ссылку для скачивания, появится объявление в котором вам скажут, что ссылка для скачивания этого файла была отправлена на ваш Email. В общем открываете свой почтовый ящик, который привязан к аккаунту Disqus и скачиваете файл. Сам файл идет в формате CSV, у меня он сразу был преобразован для открытия через Excel. Когда речь заходит об экселе меня в дрожь кидает, ненавижу я эту прогу еще со времен института, хотя вещь мега полезная.
Итак открываете свою карту ссылок. Что дальше?) Дальше нужно напротив каждой ссылки через запятую, дописать новую ссылку на которой должны отображаться комментарии. В нашем случае это просто, нужно каждую из этих ссылок продублировать и в каждой сменить HTTP на HTTPS в общем всего навсего дописать одну букву S. Показываю пример своей карты ссылок в исходном состоянии сразу после скачивания:
Итог:
Собственно на этом все. Если вы сделали все верно система оповестит вас о том, что все отлично файл загружен и новые изменения в скором времени вступят в силу обычно это занимает 24 часа, но это так, для особо беспокойных. Лично у меня комментарии начали отображаться сразу.
Не выходит, не могу, не хочу:
Для тех у кого не выходит сделать пишите в комментариях, может что подскажу. Нет желания мучится с настройкой, стучите через контакты, за вознаграждение настрою ваши комментарии.
Спасибо все отлично, мне помогло:
Если все хорошо и есть желание отблагодарить, реквизиты:
Вебмани:
Z193872664124
R827561760916
U255355682027
Источник
Как интегрировать Disqus в WordPress
Инфраструктура комментариев в WordPress достаточно хорошо сделана и для многих удовлетворительна. Но, если вам нужно, чтобы комментаторы подсоединялись к вашему сайту через аккаунты в социальных сетях типа Facebook, Twitter, Google и подобных, вам придется установить плагины, которые предоставляют этот функционал.
Или вы просто можете использовать Disqus.
Есть простой способ интегрировать Disqus в WordPress: вы просто регистрируете новый Disqus аккаунт и устанавливаете WordPress плагин. Он даже синхронизируется с вашими родными WordPress комментариями, так что вам не придется переживать о ваших существующих комментариях. И он поддерживает эту синхронизацию постоянно!
Но если вам больше не нужна синхронизация с родными комментариями (как мне), и если вы фанат оптимизации (как я), который ненавидит лишние запросы к базе данных, которые делает плагин, или если вам вообще нет дела до существующих комментариев, и вы хотите начать с нуля, есть достаточно простой способ интегрировать Disqus в ваш WordPress блог.
В первую очередь:
Регистрация нового Disqus аккаунта
Самая легкая часть этого руководства: просто перейдите на Disqus.com и заполните эту форму для регистрации нового профиля:
Не забудьте подтвердить вашу учетную запись, перейдя по ссылке, которая придет на ваш e-mail адрес!
Установка плагина для экспорта существующих комментариев в Disqus
Ну, вы в курсе: качаете плагин , распаковываете архив в вашу папку plugins (или ищете «Disqus Comment System» на странице «Установка плагинов» вашей панели администратора и устанавливаете плагин оттуда) и активируете его.
Если вы не знаете, что такое плагины и как их устанавливать, посмотрите этот урок.
Настройка плагина
При активации плагина, вы увидите сообщение WordPress со ссылкой на установку вашего плагина. Там вам нужно будет авторизоваться с вашими данными Disqus:
После этого выберите ваш сайт. Поздравляю, только что вы установили Disqus на ваш блог!
Теперь перейдите на вашу страницу Комментарии и затем щелкните по ссылке Расширенные опции в правой верхней части страницы. Там есть несколько опций для выбора:
- Disqus short name: Это короткое имя, которое вы ввели при регистрации в Disqus. Оно должно было автоматически установиться, когда вы авторизовались минуту назад.
- The API keys: они также устанавливаются автоматически и их не нужно менять. Если вы случайно изменили или удалили один из них, перейдите на вашу страницу профиля на Disqus.com чтобы получить правильные ключи API.
- Application Public & Secret Keys: Используются для SSO приложений. О них мы в этом руководстве говорить не будем, так что этот пункт пропускаем.
- Where to use Disqus comments on: вы можете использовать Disqus только на тех постах, где вы отключили комментарии, или вы можете включить Disqus для всех постов. Оставьте эту опцию как есть, если вы хотите отображать Disqus для всех ваших постов.
- JS output for comment counts: Disqus автоматически пытается изменить «X Comments» вашей темы. Если у него это не получается, возможно, вам понадобится эта опция.
- Disable automatic synchronization: если вы не хотите синхронизировать новые комментарии (размещенные на Disqus) с вашей базой родных комментариев WordPress, выберите эту опцию и отключите синхронизацию.
- Disable server side rendering: эта опция позволяет вам разместить текстовый список комментариев перед тем, как Disqus загрузится на странице. Google теперь индексирует комментарии Facebook и Disqus (и другие системы комментирования такого типа), но я не знаю о других поисковых системах, так что если вы хотите, чтобы ваш сайт находили через другие поисковые системы с комментариями на вашем блоге, оставьте эту опцию не выбранной. В противном случае (то есть если вам важен только Google и/или вам не нужно, чтобы вас находили по словам в комментариях к вашим постам) отметьте эту опцию.
Проверьте один из ваших постов, чтобы посмотреть, как Disqus грузится поверх родной системы комментариев. Вы готовы двигаться дальше!
Экспорт существующих комментариев в Disqus
Помимо обсужденных ранее опций, есть также часть «Import / Export«, где мы можем, как вы уже догадались, импортировать и экспортировать наши комментарии:
Процесс экспорта состоит из нажатия кнопки «Export» и ожидания, порка Disqus закончит перенос ваших комментариев в свою базу данных.
Процесс может занять от нескольких секунд до нескольких часов — у моего блога было 20000 комментариев, когда я перешел на Disqus — это заняло часы! Но пока я готовил это руководство, экспорт 2 комментариев занял 2 секунды (для моего тестового блога).
Готово. Теперь, когда мы закончили с плагином — мы можем просто избавиться от него! 🙂
Дезактивируйте плагин, если вы собираетесь использовать код на нашем следующем шаге. Я предпочитаю активировать его вновь один раз, чтобы сделать резервную копию моих Disqus комментариев в мою базу данных (нажимаю «Sync Comments» в блоке «Import / Export» и жду несколько минут). Но если вы не собираетесь больше использовать плагин снова, и вам не нужны опции, сохраненные в вашей базе данных, вы можете также удалить его с помощью кнопки «Удалить«.
Интеграция Disqus в WordPress без плагина
Как мы обсуждали ранее, отсутствие плагина помогает оптимизировать наш сайт — простой запрос в базу это простой запрос в базу, ведь так?
В любом случае, вот функции, которые мы собираемся использовать — как всегда, добавьте это в файл functions.php вашей темы:
Встройка комментариев Disqus
Функция достаточно простая: используйте код
в ваших файлах single.php и page.php всюду, где вы хотите вставить и показывать Disqus комментарии на этих страницах. Вы также можете сделать поиск функции comments_template(); и заменить ее нашей новой функцией, поскольку мы больше не собираемся использовать родные функции комментариев.
Давайте немного рассмотрим код:
- Загрузка JS: Как вы знаете, мы не можем ничего делать, если мы не загрузили JS! 🙂
- Размещение div для загрузки в него комментариев: Мы выводим
Совет: попробуйте загрузить дискус_никнейм.disqus.com/embed.js в вашем браузере — вас перенаправит на CDN Disqus. Скопируйте эту новую ссылку и используйте ее в функции wp_enqueue_script для оптимизации кода и далее — полсекунды это полсекунды, так ведь?
Получение количества комментариев
Мы можем использовать код
где угодно в файлах темы, но только в Цикле (Loop). К сожалению, Disqus может считать только комментарии со ссылкой, у которой в конце есть #disqus_thread — если вы найдете другой способ подсчета комментариев, напишите в комментариях, мне это очень поможет.
Совет: Вы можете редактировать выводимый текст, зайдя на дискус_никнейм.disqus.com/admin/settings/appearance/ и сменив содержимое блоков «Comment Count Link» и «Reaction Count Link» . Вы даже можете использовать HTML!
Заключение
Disqus был основан в 2007 и сейчас у него больше 75 миллионов пользователей по всему миру. Возможно, ему не хватает каких-то возможностей настройки, но он является одной из лучших систем комментирования. Главная идея этой статьи — показать вам, как зарегистрироваться в Disqus, установить его на ваш WordPress блог, мигрировать ваши комментарии и использовать несколько строк кода, чтобы отображать комментарии. Для дальнейшей информации о Disqus, прочтите другую статью на WordPressо в Уроках по системам комментирования.
Ну и как всегда, мы будем рады, если вы поделитесь вашими идеями и кодом по теме в комментариях.
Источник