Feedback > 2.0 интересный аскетичный по дизайну виджет и необычный в реализации. В нем вы найдете только самые нужные функции для сбора отзывов и предложений от посетителей вашего сайта. Ничего лишнего – все только по делу.Рализация данного виджета по сути уникальна так как он полностью разработан на Javascript, включая работу с базой данных. Виджет обратной связи состоит из двух частей:
- Виджет обратной связи (отображается на вашем сайте)
- Виджет админ (панель администрирования)
Виджет обратной связи
Общая характеристика
- Сбор предложений и комментариев к ним от посетителей вашего сайта
- Голосование за предложения другими посетителями
- Статусы предложений (новые, на рассмотрении, в разработке, завершенные)
- Весь контент (предложения и комментарии), сортировка по статусу и количеству голосов, голосование, добавление новых предложений и комментариев – все реализовано в интерфейсе виджета без редиректа на сторонний сайт – все происходит в пределах вашего сайта, регистрация для размещения предложений не требуется.
- Интерфейс виджета полностью изменяемый — можно изменить все от цветового оформления до программной логики виджета
- Локализация (все строковые константы вынесены в один объект)
- Два варианта размещения виджета: встраивание в сайт (inline размещение), отображение кнопки открытия виджета сбоку страницы (popup размещение)
- AJAX использован на 110%, все включая html и css запрашивается асинхронно, шаблонизатор на javascript подготавливает интерфейс.
- Вся логика виджета реализована в одном файле
несжатый: 24 Кб
сжатый (удаление переносов строки, пробелов и табуляций): 19,8 Кб - Среднее время загрузки виджета (запрос html и css, работа шаблонизатора и отображение контента): 2,5 секунды
- Расходуемый траффик
первая загрузка: 34 Кб ± 2 Кб (зависит от объема контента)
последующие загрузки: 8 Кб ± 2 Кб (зависит от объема контента)
данные/запрос: ~2 Кб (зависит от объема контента)
Подключение осуществляется размещением ниже приведенного кода на странице где нужно отобразить виджет обратной связи.
<!-- insert after and near </BODY> (this comment can be removed) -->
<script charset=«utf-8» src=«code.hivext.ru/applications/feedback/FeedbackWidget.js» type=«text/javascript»></script>
<script charset=«utf-8» type=«text/javascript»>
FeedbackWidget(«идентификатор виджета», { sWidth: 600, sHeight: 420, sButtonSide: «left», sLanguage: «ru» });
</script>
Виджет админ
Общая характеристика
Администрирование предложений и комментариев пользователей
Возможность изменения внешнего вида виджета через интерфейс админки, редактирование html и css
Создание новых клиентов (один пользователь может иметь не более 3 клиентов, для трех разных сайтов)
Техническая характеристика
Админка представляет собой один html файл интерфейса, два файла Javacript логики и один файл стилей. Разместить админку можно на любом хостинге или работать с ней по адресу code.hivext.ru/applications/feedback
Чтобы завести себе виджет нужно перейти в админку по адресу code.hivext.ru/applications/feedback и выполнить необходимые действия.
Также можно скачать все исходные коды виджета и админки и разместить на своем хостинге просто распаковав архив в нужную папку, и потом запустить index.html
Демонстрация работы виджета