Система комментариев
Первая система комментирования с индексируемой микроразметкой рейтинга и одинаково красивым дизайном для мобильных и десктопных браузеров.
Основные возможности
Сниппет рейтинга
Адаптивный дизайн
Система комментариев адаптирована под все размеры экрана смартфонов, планшетов, ноутбуков и настольных мониторов.
Кросспостинг в соц сеть
Комментарии ВКонтакте, Facebook, Twitter, Мой Мир автоматически попадают на стену социальной сети со ссылкой на сайт за счет чего увеличивается трафик.
Мощная аналитика
Аналитика комментариев, юзеров, лайков, публикаций постов, полный отчет и лог работы модераторов.
Все возможности
В реальном времени
Хранение в Вашей БД
При использовании любого плагина (WordPress, Joomla, Drupal, 1С-Битрикс, DLE, InstantCms) все комментарии хранятся в БД вашего сервера. Без плагина сохранение комменатриев можно настроить через API.
Единая авторизация
Единая авторизация позволяет залогиненным на вашем сайте пользователям быть автоматически авторизованными в Cackle и оставлять комментарии со своим аватаром, именем и ссылкой на профиль.
Полнотекстовый поиск
Модератор может найти любой комментарий за считанные секунды введя в поиск предложение или слово. Так же поддерживается нечеткий поиск по части или похожему слову.
Ваш шаблон письма
Возможность указать имя отправителя, логотип и подпись в почтовых уведомлениях о новых комментариях вашим пользователям.
WhiteLabel
Возможность убрать ссылку и логотип Cackle из виджета сделав его более индивидуальным.
Микроразметка
Виджет комментариев поддерживает микроразметку schema.org рейтинга и комментариев, благодаря этому происходит более быстрая индексация.
Мультиязычность
Виджет Cackle поддерживает русский, английский, украинский, белорусский, испанский, немецкий, итальянский, француский, греческий, нидерландский, эстонский, литовский, латышский, польский, румынский, казахстанский, грузинский языки.
Социальная интеграция
Авторизация через все популярные социальные сети: ВК, ОК, Мой Мир, FB, Twitter, G+, автоматический кросспостинг на стену, шаринг.
Аналитика
Подробная аналитика комментариев, лайков, дизлайков, социальных и анонимных пользователей, публикаций, статистика и лог работы модераторов.
Адаптивный дизайн
Система комментариев адаптирована под все размеры экрана смартфонов, планшетов, ноутбуков и настольных мониторов.
Жалобы
Любой пользователь может пометить комментарий как спам или написать жалобу, что сильно облегчит работу модераторов.
СПАМ защита
Отмечая комментарий как «Спам» спам защита запомнит Ваше действие и в будущем такие комментарии и подобные будут автоматически отмечены как «Спам». Также есть поддержка Akismet.
Google reCaptcha 2
Поддержка Google reCaptcha API 2.0 позволяет избежать сложное распознавание капчи делая процесс комментирования для анонимных пользователей максимально легким.
Поддержка HTTPS
Система комментариев автоматически определяет протокол браузера и загружает все данные через SSL при использовании на сайте HTTPS.
Редактирование
Возможность гибкой настройки редактирования и удаления комментариев для авторов: разрешить, запретить, разрешить в течение нескольких минут.
Голосование
Авторизованные пользователи могут голосовать за выбранный комментарий как поднимая так и опуская его суммарный рейтинг.
Мультимедиа
Возможность загрузки картинок (png, jpg, gif), распознавание видео Youtube, Vimeo, презентации Google, SlideShare с прямым отображением в комментариях.
Почтовые уведомления
Почтовые уведомления о новых комментариях, ответах, подписка. Функция подтверждения Email после авторизации в случае если социальная сеть не передает Email.
Мини-виджеты
Дополнительно с системой комментариев предоставляются: виджет последних комментариев, виджет количества комментариев, виджет авторизации, виджет модерации.
Анонимная авторизация
Любой пользователь может авторизоваться анонимно введя свое имя и при необходимости Email. Анонимная авторизация сохраняется даже после закрытия браузера.
Модерация в виджете
Модератор имеет возможность одобрить, отклонить, редактировать, удалить все, забанить комментарии и пользователей прямо на странице с виджетом, без необходимости перехода в панель администрирования.
Вложенность ответов
Можно настроить любое количество вложенных комментариев от 1 до бесконечности. На последнем уровне вложенности комментарии будут идти друг за другом.
Пейджинг
Возможность настройки определенного количества комментариев на странице.
Своя иконка аватара
Возможность использовать свою иконку дефолтного аватара для неавторизованных и анонимных пользователей.
Зеркала, поддомены
Один виджет комментариев может быть использован на поддоменах и зеркалах основного сайта.
Распознавание ссылок
Можно отображать ссылку как простой текст или как кликабельную гиперссылки.
API для разработчиков
Широкие возможности интеграции в нестандартных задачах: свой дизайн, несколько виджетов на одной странице, AJAX инициализация, синхронизация комментариев, SSO.
Свой текст
Вы можете изменить название любого элемента виджета, превратив систему комментариев, например, в форму вопрос-ответ.
Подписка
Возможность подписаться через Email на новые комментарии на любой странице с виджетом.
Облачные сервисы под высокой нагрузкой. Опыт Cackle
Всем привет! Мы, в компании Cackle, занимаемся разработкой облачных SaaS-решений для сайтов с 2011 года. Наши продукты установлены более чем на 10 000 сайтах, каждый день мы обрабатываем в среднем 65 миллионов уникальных хитов. Полоса пропускания (bandwidth) в пики доходит до 780 мбит/сек, а БД в сутки принимает до 120 миллионов запросов на чтение, и до 300 тысяч запросов на запись. Такие нагрузки заставляют изобретать непростые решения, частью которых мы и хотим поделиться.
Сначала пара слов о том, что мы вообще разработали, на каких технологиях и архитектуре всё базируется, откуда берётся высокая нагрузка. А далее – про 5 основных решений, которые мы применяем чтобы с этой нагрузкой справиться.
Система комментариев
Cackle Comments – наш первый продукт, анонсированный в 2011 году.
Упрощает процесс комментирования за счёт удобной авторизации – анонимной, социальной или единой с вашим сайтом. Помогает привлечь больше трафика благодаря индексации в поисковиках, трансляции комментариев на стены социальных сетей (ВК, Мой Мир, Facebook, Twitter), подписке на новые комментарии и ответы. Снижает нагрузку за счёт независимости от вашего сайта.
Система отзывов для интернет-магазинов
Cackle Reviews – система отзывов, релиз которой состоялся в 2013 году. Используется в основном интернет-магазинами, но без проблем работает на любом сайте.
Online-консультант
Cackle Live Chat – онлайн-чат для посетителей сайта, релиз в 2013 году.
Из особенностей: быстрая установка, панель оператора реализована в браузере, не нужно тратить время на инсталляцию desktop-клиента. Социальная авторизация пользователей, при этом оператор получает информацию о клиенте (имя, фото, email, ссылку на профиль).
Виджет опросов
Cackle Polls – опросы с возможностью голосования через социальные сети, IP или Cookie, релиз также в 2013 году.
Опросы автоматически индексируются в Google, привлекая дополнительный трафик. Можно загружать изображения, есть распознавание видео YouTube и Vimeo.
Технологии
Фронтенд в понимании Cackle – это JavaScript. Бекенд – сервера данных и логики.
Фронтенд
Фронтенд состоит из виджетов. Виджет – это исполняемая JavaScript-библиотека, базирующаяся на других, общих, JavaScript-библиотеках. Примеры общих библиотек:
Есть общий загрузчик виджетов (widget.js), что-то на подобии RequireJS, только более простой. У загрузчика два режима работы – devel и prod. Первый применяется при разработке, загружает библиотеки в цикле. Второй на продакшене, грузит собранный бандл (bundle). В prod режиме загрузка виджетов происходит с разных серверов выбранных случайным образом, в итоге получается балансинг (подробнее об этом дальше).
Бекенд
Это кластер Apache Tomcat контейнеров, снаружи обернутых Nginx-серверами. Nginx в данном случае выступает не только как прокси, но и как «поглотитель» нагрузки. База данных PostgreSQL с потоковой репликацией на несколько слейвов.
Все бекенды распределены по нескольким дата-центрам (ЦОДам) России и Европы. Наш опыт показал, что хостить все сервера в одном дата-центре слишком рискованно, поэтому сейчас мы подключены к трём разным ЦОДам.
Real-time
Поддержка обновлений в режиме реального времени (комментарии, лайки, редактирование, модерация, личные сообщения, чат) на стороне браузера, происходит через любую из поддерживаемых технологий: WebSocket, EventSource, Long-Polling. То есть, сначала мы проверяем есть ли WebSocket, далее EventSource, Long-Polling. При дисконнектах (ошибках) связь автоматически восстанавливается функцией, которая в setTimeout мониторит состояние подключения.
На сервере мы используем кластер Nginx + модуль Push Stream. Всего 3 сервера: 2 общих и 1 для онлайн-консультанта. Real-time сообщения из бекендов (Tomcat-ов) отправляются на все сервера. А в браузере, при подключении из виджета, выбирается любой сервер (случайным образом). В итоге получается, что-то на подобии балансинга (к сожалению, Push Stream балансинг «из коробки» не поддерживает).
Архитектура
PG — PostgreSQL.
RT — Real-time.
ЦОД (1,2. N) — различные дата-центры.
RMI — Java технология удаленного вызова методов (wikipedia).
Для лучшего понимания, диаграмма последовательности загрузки виджета:
Нагрузка
Ниже суммарная статистика по виджетам и обращениям к API.
Уникальных хитов в сутки: 60 — 70 миллионов
Пик запросов в секунду: 2700
Пик одновременных real-time сессий: 300 000
Пиковая пропускная способность: 780 мбит/с
Трафик в сутки: 1.6 Тбайт
Ежедневный суммарный лог Nginx: 102 Гбайт
Запросов к БД на чтение (в сутки): 80 — 120 миллионов
Запросов к БД на запись (в сутки): 300 000
Количество зарегистрированных сайтов: 32 558
Количество зарегистрированных пользователей: 8 220 681
Комментариев опубликовано: 23 840 847
Ежедневный средний прирост комментариев: 50 000
Ежедневный средний прирост пользователей: 15 000
Проблемы
Высокая нагрузка порождает две проблемы:
Во-первых, практически у всех хостеров по умолчанию пропускная способность (bandwidth) сервера 100 мбит/с. Все что выше режется или в лучшем случае вас просят докупить дополнительную полосу (а цены там в разы выше стоимости самих серверов).
Вторая проблема – это и есть сама нагрузка. Физику не обманешь, каким бы ни был крутым ваш сервер, у него есть свой предел.
» Решение 1: балансинг в JavaScript
Стандартные методы распределения нагрузки говорят о балансинге входного запроса на сервере. Это решит вторую проблему, но не первую (bandwidth), так как исходящий трафик все равно пойдет через тот же сервер.
Чтоб решить две проблемы одновременно, мы делаем балансинг в JavaScript, в самом загрузчике (widget.js), выбирая бекенд случайным образом. В итоге, трафик перенаправляем на сервера из кластера виджет серверов разделяя между ними bandwidth и распределяя нагрузку.
Дополнительный огромный плюс этого метода, в кешировании JavaScript. Все библиотеки (включая загрузчик widget.js), при обновлении страницы, будут получены из кеша браузера, а наши сервера продолжат спокойно обрабатывать новые запросы.
Продолжение кода загрузчика (widget.js часть 2):
А как на счет профессионального CDN?
Это здорово! Проблема только в том, что при наших объемах и нагрузках для того, чтобы использовать CDN необходимо поднять цены минимум в 3 раза, сохранив при этом текущий оборот.
» Решение 2: микрокеш Nginx
Микрокеш это кеш с очень коротким сроком жизни, например 3 секунды. Он очень полезен при пиковых нагрузках, когда в секунду идут тысячи одинаковых GET запросов. Для нас это данные виджетов в JSON формате. Микрокеш имеет смысл делать в proxy серверах, например Nginx для защиты основного бекенда (Tomcat).
Часть конфига Nginx с микрокешем:
Если есть проблемы с пониманием данного конфига, то обязательно для чтения ngx_http_proxy_module.
» Решение 3: тюнинг Tomcat, Java кеш
Tomcat
Особо протюнинговать Tomcat не получится. Из практического опыта:
Java кеш
Принято считать БД, в высоконагруженных проектах, слабым местом. Это действительно так. Например, сервер принимает запрос, отправляет его в сервисный уровень, там сервис обращается к БД и возвращает результат. Связка «сервис — БД (реляционная)» в этом случае работает медленнее всех, поэтому принято оборачивать сервисы кешем. Соответственно результат из БД, кладется в кеш сервиса, и при следующем обращении берется уже из него.
Для кеширования сервисов мы разработали свой кеш, так как стандартные (например Ehcache) работают медленнее и не всегда хорошо решают специфические задачи. Из специфических задач у нас – кеширование с поддержкой нескольких ключей для одного значения. Мы используем org.apache.commons.collections.map.MultiKeyMap.
Нужно это вот для каких задач. Например пользователь заходит на страницу с комментариями. Допустим комментариев много, 300 штук. Они разбиты на три страницы (пагинация) соответственно по 100 каждая. При первом обращении, будет закеширована первая страница (100 комментариев), если пользователь листает вниз, то по очереди закешируется 2 и 3 страницы. Теперь пользователь публикует комментарий на этой странице и тут надо сбросить все три кеша. Используя MultiKeyMap это выглядит примерно так:
Ниже код ядра кеша отлично работающий на highload.
» Решение 4: PostgreSQL с потоковой репликацией в разные дата-центры
На наш взгляд PostgreSQL лучшее решение для высоконагруженных проектов. Сейчас модно применять NoSQL, но в большинстве случаев, при правильном подходе и верной архитектуре, PostgreSQL лучше.
В PostgreSQL отлично работает потоковая репликация, причем не важно в одной подсети или в разных сетях, разных дата-центрах. У нас, например, сервера БД расположены в нескольких странах и серьезных проблем замечено не было. Единственный нюанс — это большие модификации базы (ALTER TABLE) при релизах. Делать их надо кусками, стараясь не выполнять за раз весь UPDATE.
По настройке репликации есть много ресурсов, это избитая тема, так что добавить особо нечего, кроме:
» Решение 5: тюнинг ОС
Не забывайте тюнить параметры ядра ОС, так как без этого некоторые настройки Nginx или Tomcat просто не будут работать.
У нас, например, везде Debian. В настройках ядра ОС (/etc/sysctl.conf) особое внимание нужно обратить на:
Проблемы, которые пока решить не удалось
Вернее одна проблема – размер БД. Есть, конечно, шардинг, но стандартного решения для PostgreSQL без падения производительности пока не нашли. Если кто-то может поделиться практическим опытом – welcome!
Спасибо за внимание. Вопросы и пожелания по нашей системе приветствуются!
О Cackle
Что такое Cackle?
Cackle это платформа облачных сервисов для увеличения конверсии и скорости работы сайта с помощью комментариев, сбору отзывов, онлайн консультанту и опросов. Cackle может быть с легкостью установлен на любом блоге, интернет магазине, новостном портале или личном сайте. Для использования системы, вашим клиентам не обязательно регистрироваться, они могут авторизоваться используя уже существующие профили в любой социальной сети, или оставить комментарий анонимно.
На сегодняшний день Cackle поддерживает 18 социальных сетей и OpenID провайдеров для авторизации, среди них: Google+, Facebook, Twitter, Вконтакте, Yandex, Yahoo, LinkedIn, Мой Мир, Одноклассники, LiveJournal, Flickr и многие другие.
Cackle в цифрах (последнее обновление Апрель, 2021)
В чем преимущества Cackle?
Одно из преимуществ системы Cackle это кросспостинг комментария или отзыва в социальные сети Facebook, Twitter, Вконтакте или Мой Мир. При этом, на стене социальной сети, публикуется ссылка на сайт где был оставлен комментарий или отзыв это способствует привлечению новых клиентов.
Второе важное преимущество это облачное решение и как следствие снижение нагрузки с вашего сайта. Если вы используете встроенную (in-house) систему комментирования или отзывов, это может привести к значительным потерям производительности. При использовании Cackle производительность вашего сайта может вырасти в два раза и более.
Когда был основан Cackle?
В этом году мы будем праздновать десятилетие основания проекта. Идея создания первой системы комментирования с более чем 18 провайдерами авторизации, возникла летом 2011 года. Бета версия системы Cackle вышла в релиз 6 октября 2011 года, а в январе 2012 мы анонсировали версию 1.0. Сначала это была система комментирования, затем мы добавили онлайн-консультант, систему сбора отзывов и опросы.
На чем построен Cackle?
Вся система установлена сразу в нескольких распределенных по разным странам дата-центрам: Селектел, Server4You, Hetzner.
Система комментирования Cackle — новые возможности
Cackle — это система комментирования для создания активных сообщество из аудитории вашего сайта. Ниже краткое описание основных возможностей и преимуществ системы, а под катом рассказ о новых возможностях.
Основное:
Что нового?
Мы сделали новый дизайн. На главной странице вы можете найти демонстрацию виджета, описание основных возможностей, популярных клиентов, посмотреть последние темы и комментарии, а так же оставить вопрос или предложение, через форму обратной связи.
Основной домен cackle.ru переехал на домен международного уровня cackle.me с Английской локалью по умолчанию, Русская локаль доступна по адресу ru.cackle.me.
В панели администратора появилась кнопка по которой удаляются все комментарии от выбранного юзера.
Добавили авторизацию через LinkedIn.
Плагин для WordPress сохраняет комментарии Cackle в БД вашего сервера, за счет чего возможна их индексация в поисковых системах.
При создании комментария содержащего ссылки на изображения (png, jpg, gif), видео (Youtube, Vimeo, Вконтакте, RuTube) или презентации (Google, Slideshare), снизу будут добавлены проигрыватели.
Обновили раздел FAQ.
Появилось три платных аккаунта — Start, Pro, VIP.
Cackle Start
Этот аккаунт подойдет блогерам и не большим интернет магазинам. Основные возможности:
Модерация комментариев прямо в виджете у вас на сайте
Если вы администратор или модератор виджета, то вы видите все комментарии (отклоненные, удаленные, спам) и можете администрировать их через диалог, который возникает по клику на ссылку «модерировать» у каждого комментария.
Редактор заголовков
В панели администратора, на вкладке «Заголовки», доступен редактор, в котором можно изменить любую надпись или заголовок виджета, например: ‘от имени’, ‘Оставьте свой комментарий’, ‘Комментировать’ и все остальные.
Отсутствие ссылки
По многочисленным просьбам клиентов в платном аккаунте Start ссылка на cackle.me отсутствует.
Cackle Pro
Аккаунт для более продвинутых в IT пользователей, включает в себя две основные возможности:
Кросспостинг комментария на любой внешний сервис
В панели администратора, во вкладке API, вы можете прописать любой адрес сервиса, на который будут отправляться все параметры комментария (message, author, time, url, и т.д.) при его создании или изменении статуса.
Редактор стилей
Позволяет менять цвет, фон, шрифт, размер, css3 эффекты и расположение некоторых элементов виджета.
Cackle VIP
Самый дорогой аккаунт для сайтов с большой нагрузкой (более 1 млн. пользователей в сутки). Основное преимущество данного тарифа, то что ваша система комментирования будет установлена на отдельном выделенном сервере и не будет зависеть от производительности основных серверов.
Установка и настройка комментариев Cackle
Привет, друзья. В последние время сайты становятся все более социально-ориентированными. Так, несколько лет назад, появились системы комментариев от Вконтакте и Фейсбука (о них я писал тут и тут), которые позволяют оставлять комментарии на сайтах без постоянного ввода имени и почты, используя для этого авторизацию в социальной сети.
Но интернет развивается, социальных сетей становится все больше и больше, а использовать на сайте систему комментирования от каждой социальной сети было бы очень неудобно. Поэтому и придумали системы комментариев с авторизацией во всех популярных соцсетях и сервисах.
Сегодня я расскажу об одной из таких русскоязычных систем, которая называется Cackle. Сначала немного о том, почему именно Cackle.
В какой-то момент на одном из сайтов, где стояли только комментарии Вконтакте и стандартные комментарии WordPress, у меня возникла необходимость сделать общую ленту комментариев с возможностью авторизации через популярные соцсети. Самыми популярными на тот момент системами являлись всем известный англоязычный Disqus и русскоязычный Cackle. Я решил попробовать Cackle, но был немного расстроен тем, что он оказался платным. Поначалу меня такой вариант не устроил и я зарегистрировался в Дискусе. Хоть сайт и англоязычный, но с регистрацией и установкой кода на сайт разобраться несложно. Все сложности возникли потом.
Удалив эту непонятную систему, я заплатил 500 рублей за год, установил себе Cackle, и сейчас полностью доволен, так как система проста и понятна в установке и настройке. Теперь немного математики, для тех, кто считает, что платить 500р в год за комментарии – это непосильная финансовая ноша. 500/12=
Теперь о том, как установить комментарии Cackle на сайт.
1. Переходим на страницу регистрации, вводим имя, почту, пароль и код с картинки. Нажимаем кнопку «Зарегистрироваться».
2. После удачного ввода данных вы попадете на страницу оплаты. По умолчанию вы должны будете оплатить 500 рублей за виджет комментариев. Выберите удобный для вас способ оплаты и следуйте инструкциям по оплате. Если вы не нашли удобный для себя способ оплаты, нажмите внизу на список “Другие способы оплаты” (картинки кликабельны):
Также вы можете бесплатно попробовать в течение 5 дней использовать сервис бесплатно. Для этого на главной странице сайта нужно перейти по ссылке “Тарифы” и в левой колонке выбрать пункт “Попробовать бесплатно в течении 5 дней”:
После регистрации, помимо виджета комментариев, вы сможете за отдельную плату приобрести дополнительные услуги. Некоторые из них действительно прикольные, и я, возможно, расскажу о них в следующих статьях (подпишитесь на обновления, чтобы не пропустить).
3. Теперь, для создания виджета, нажимаем на кнопку “Новый виджет” в шапке сайта и вводим необходимые данные:
В конце нажимаем кнопку “Создать”.
Итак, виджет создан. Ниже перед вами открылась панель, в которой необходимо выбрать систему управления для сайта (в нашем случае это WordPress):
После выбора CMS появятся ключи, которые нужно будет вставить в плагин (оставьте эту страницу пока открытой или скопируйте ключи в отдельный файл). Ссылка на плагин находится внизу этой панели:
Скачиваем этот плагин, установку и активацию плагина производим обычным способом.
После активации плагина в меню админки появится вот такой пункт:
Заходим в него и видим панель управления комментариями, такую же как и на сайте. Управлять комментариями и настройками Cackle можно как из админки блога, так и с сайта.
Переходим по ссылке «Advanced Options» в верхней части и вводим те самые ключи, которые появились после выбора CMS. Нажимаем кнопку «Activate»:
Также, при желании, можно импортировать все старые комментарии WordPress в новую систему Cackle. Для этого нужно нажать на кнопку «Export Comments».
На этом основная установка и настройка Cackle закончена. Стандартная форма комментариев WordPress автоматически заменится новой формой Cackle:
Как видите, для того, чтобы оставить комментарий, нужно просто выбрать иконку любой социальной сети и авторизоваться в ней.
Все дополнительные настройки панели, шрифтов, стилей, количества выводимых комментариев и т.д. можно сделать в админке, выбрав соответствующие пункты меню:
