Плагин для комментариев AnyComment — пошаговая инструкция по установке и настройке на WordPress

1 голос
Плагин комментариев для wordpress

1. Почему AnyComment лучше стандартной формы комментариев?

Здравствуйте, дорогой читатель. У стандартной формы комментариев в WordPress есть свои ограничения. Первое, и, наверное, самое основное — это отсутствие живого общения. При отправке комментария страница перезагружается. Чтобы увидеть новый комментарий нужно перезагрузить страницу. Нет возможности модерировать комментарии на стороне клиента и если нужно что-то исправить, то заходить в админ-панель ради одного комментария — не очень удобно.

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

AnyComment — это универсальное и бесплатное решение. Название состоит из «Any», что означает «любое» или «любые» и «Comment» — «комментарий». Вместе получает как «любой комментарий». Идея заключается в том, чтобы можно было отправить комментарий любого типа: с картинкой, видео, смайликами, гифками и т.д. Некоторые перечисленные пункты еще в стадии разработки.

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

Главные отличия AnyComment от стандартных комментариев WP:

  • Такие действия как добавление, редактирование, удаление, лайк происходят без перезагрузки страницы.
  • Пользователь с правами модератора не нужно заходить в админ-панель. Если он авторизован, то может напрямую в комментариях удалить или изменить, что требуется.
  • Плагин сам воспринимает ссылки на картинки, видео и делает их приложениями к комментарию.
  • Авторизация с помощью социальных сетей. На данный момент доступны следующие: ВК, Твиттер, Facebook, Google, Одноклассники, Dribbble, Instagram, Twitch и GitHub.
  • Если вы находитесь на странице комментариев и другой пользователь оставил новый комментарий, то вы получите уведомление, нажав на которое увидите, что было добавлено.
  • Возможность получить ответ на комментарий по почте.
  • Администратор может настроить уведомления по почте при появлении новых комментариев.
  • При первой авторизации через социальную сеть, пользователь автоматически регистрируется. В настройках плагина можно указать группу по умолчанию и при добавлении, ему будет назначена эта группа. Это может пригодиться, например, для рассылки, экспортирования (скачать архивом данные всех пользователей) или что-нибудь подобное.
  • Простой и современный интерфейс (дизайн). Интерфейс современный не только с внешней стороны, но и в админ-панели.
  • Возможность выбрать тип формы комментирования: только для гостей, только авторизация через социальную сеть или сразу оба варианта.

2. Инструкция по установке

Установить можно двумя способами: через админ-панель или вручную. Первый предпочтительнее.

Через админ-панель (предпочтительный):

  • Зайди в админ-панель.
  • Слева выберите «Плагины», далее «Добавить новый».
  • Справа вверху в поле «Поиск плагинов…» введите «AnyComment», WordPress начнет поиск.
  • В списке выберите следующий плагин.

    Устанавливаем плагин «AnyComment» из репозитория Вордпресс.
  • Нажмите на кнопку «Установить», после успешной установки на забудьте нажать «Активировать», чтобы плагин начал работать.

Вручную:

  • Скачать архив.
  • Зайди в админ-панель.
  • В левом меню зайти в «Плагины» — «Добавить новый».
  • Сверху нажать кнопку «Загрузить новый».
  • Появится форма для загрузки файлов.
  • Выбираете скачанный архив.
  • После загрузки нажимаете «Активировать».

После успешной установки, в левом меню админ-панели появиться — «AnyComment». Нажав на него вы попадете в консоль (главная плагина).

Самое главное, что комментарии не нужно переносить, после установки и настройки плагина вы сразу можете начать пользоваться.

На момент написания поста, в плагине есть четыре страницы.

  • Консоль.
  • Соц. сети (Социальные сети).
  • Настройки.
  • Интеграция.

2.1 Консоль

Консоль плагина AnyComment в админ-панели WP.

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

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

2.2 Социальные сети

Во вкладке можно настроить авторизацию через социальные сети.

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

2.3 Настройки

Настройка основных параметров плагина.

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

2.4 Интеграция

Взаимодействие плагина AnyComment с другими плагинами и сервисами.

Интеграция — слово достаточно замудренное, но оно лишь означает, что вы можете использовать AnyComment с другими плагинами (которые поддерживаются) или сервисами (например, SendPulse).

На данный момент, AnyComment интегрируется с такими плагинами как: Akismet (защита от спама) и WP User Avatar (управление аватарами).

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

3. Инструкция по настройке

И так, вы установили и активировало плагин, теперь пора настроить его.

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

Если вы зайдете в «AnyComment» — «Соц. Сети» и внутри выберите «ВК», то вам нужно:

  • Сделать бегунок зеленым, чтобы включить авторизацию с ВК.
  • Указать «ID приложения», «Защищенный ключ» и «Сохранить».

Вот как это выглядит на скриншоте:

Вкладка настройки авторизации через соцсеть Vkontakte.

Если настройки сохранены успешно, то во вкладке «ВК», справа загорится зеленый круг. Это означает, что социальная сеть активна.

Для пользователей, которые не понимают как настроить определенную социальную сеть, справа есть блок «Как настроить ВК». Нажав на ссылку «Читать» внутри блока, откроется поэтапная инструкция по настройке ВК на вашем языке.

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

4. Отличительные особенности от конкурентов

Возможность
ВК виджет
FB виджет
Disqus
AnyComment
Скорость загрузкибыстросреднесреднебыстро*
Лайкдададада
Вставка картинок и видеоданетдада
Обновление в режиме реального временидададада
Подгонка размерачастичнонетдада
Древовидностьнетнетдада
Бан юзера/IPТолько юзераТолько юзераданет
Редактирование CSSнетнетнетда
Редактирование HTMLнетнетнетнет
Редактор заголовковнетнетнетда
Индексация поисковикаминетдачастичнода
Модерация на сайтенетнетчастичнода
* Все зависит от хостинга или сервера который вы используете. Более мощные позволят загружать комментарии быстрее, чем слабые.

5. Можно ли использовать на коммерческих проектах?

Кратко — да. Например, вы можете включить плагин, создать страницу для отзывов и начать собирать отзывы. Точно так же можно установить шорткод [anycomment] на главной или посадочной странице, который отобразит плагин.

6. О разработчиках

6.1 Личная история от создателя

AnyComment — появился благодаря тому, что в определенный момент мне надоело быть зависимым от сторонних сервисов. Сторонний сервис — это, например, Disqus. Ошибок от не часто обновляемых плагинов. Отсутствие авторизации через социальные сети или вовсе от того, что нет Вконтакте или Одноклассников. Мне не хватало возможности настроить стили плагина под дизайн сайта. Пробовал использовать виджет от ВК, Фейсбука и др., но когда приходили новые комментарии, я не получал уведомления о них. Лишь потом, через некоторое время я узнавал, что кому-то требовалась помощь или ждали ответа от меня.

Сторонние сервисы не лучше, (например, Disqus), так как с недавних пор начали показывать рекламу внутри комментариев и все коментарии и данные о пользователях хранятся у них. Я очень надеюсь, что они ничего с ними не делают, но на 100% доверять этому нельзя. Я всегда хотел, чтобы комментарии были только у меня. Данные о моих подписчиках, покупателях, без разницы кого, хранились в моей базе данных. Таким образом я знаю, что с ними ничего не происходит и только у меня есть доступ к ним.

6.2 Команда

На момент написания этой записи, команда плагина состоит из четырех человек: разработчик, маркетолог, дизайнер и модератор. Все работают над плагином в своё свободное время, потому что им это нравится.

6.3 Процесс создания плагина

Баннер AnyComment.

Плагин создается поэтапно. Сначала идет мозговой штурм (решается, что будет добавляться/меняться и то, что было предложено пользователями). Часто то, что предлагается пользователями воплощается в жизнь в первую очередь при ближайшем обновлении.

Если в плагине добавляется что-то новое, дизайнер сначала рисует прототип. Далее идет оценка визуальной части и если все окей, передается разработчику, который в свою очередь воплощает дизайн в жизнь.

В заранее запланированное время публикуется обновление. Далее WordPress автоматически отправляет обновление по сети.

6.4 Планы на развитие

От разработчика:

Плагин будет активно поддерживаться. Мне он нравится, я получаю от него удовольствие и сам же на своем блоге им пользуюсь (bologer.ru).

Исходный код плагина 100% открыт. Его можно посмотреть на странице в GitHub. Если у вас есть опыт в разработке плагинов для WordPress — присоединяйтесь.

6.5 Планы развития на будущее

  • Добавление еще большего количества социальных сетей.
  • Перевод статей по настройке каждой социальной сети на другие язык, кроме русского и английского.
  • Перевод плагина на другие языки.
  • Больше статистики: в какое время комментируют чаще всего, количество авторизованных пользователей, но не оставивших комментариев, комментарии, которые набрали больше всего лайков, самые популярные социальные сети, через которые авторизуются пользователи и т.д.
  • Модерация. Удобная панель управления комментариями. Владелец блога должен иметь простой способ модерации комментариев. Проверка на спам, просмотр комментариев, ожидающих ответа, проверки и т.д. На момент написания этой статьи, комментарии можно модерировать с помощью страницы «Комментарии» (идет по умолчанию от WordPress) или прямо на пользовательской стороне (пользователь с правами модератора может «Удалить» или «Изменить» комментарий).
  • Дать возможность пользователям отмечать комментарий, как спам.
  • Дополнительные виджеты. Иметь возможность установить виджет самых активных пользователей, недавние комментарии, самые популярные комментарии и т.д.
  • Конкурсы. Возможность проводить конкурс среди авторов комментариев. Самые активные пользователи смогут принять участие в конкурсах за обозначенные призы владельцем веб-сайта.
  • Совместимость с другими плагинами и сервисами. Другими плагинами может быть reCaptcha, для защиты от ботов. Сервисами могут быть гифки (выбрать понравившуюся и отправить в комментарии).
  • Возможность выбрать лучший комментарий и прикрепить его сверху.
  • API (Application Programming Interface) для разработчиков. Если у пользователя будет иметься достаточно опыта в разработке, то ему будет предоставлен расширенный доступ к плагину и его настройкам. Может пригодиться другим разработчикам плагинов, сервисов и т.д.
  • И многое другое…

На этом я с вами прощаюсь. Подписывайтесь на рассылку моего блога и группу Вконтакте.

Комментариев к статье: 1

  • Альберт 2018-10-19 в 18:35

    Спасибо, действительно — весчь! ;-)

Добавить комментарий

  • ;-)
  • :|
  • :x
  • :twisted:
  • :smile:
  • :shock:
  • :sad:
  • :roll:
  • :razz:
  • :oops:
  • :o
  • :mrgreen:
  • :lol:
  • :idea:
  • :grin:
  • :evil:
  • :cry:
  • :cool:
  • :arrow:
  • :???:
  • :?:
  • :!: