Pull to refresh

Виджет обратной связи

Self Promo
imageFeedback > 2.0 интересный аскетичный по дизайну виджет и необычный в реализации. В нем вы найдете только самые нужные функции для сбора отзывов и предложений от посетителей вашего сайта. Ничего лишнего – все только по делу.
Рализация данного виджета по сути уникальна так как он полностью разработан на Javascript, включая работу с базой данных. Виджет обратной связи состоит из двух частей:
  • Виджет обратной связи (отображается на вашем сайте)
  • Виджет админ (панель администрирования)
Весь код виджета и панели администрирования предоставляется под opensource лицензией LGPL3.

Виджет обратной связи


Общая характеристика
  • Сбор предложений и комментариев к ним от посетителей вашего сайта
  • Голосование за предложения другими посетителями
  • Статусы предложений (новые, на рассмотрении, в разработке, завершенные)
  • Весь контент (предложения и комментарии), сортировка по статусу и количеству голосов, голосование, добавление новых предложений и комментариев – все реализовано в интерфейсе виджета без редиректа на сторонний сайт – все происходит в пределах вашего сайта, регистрация для размещения предложений не требуется.
  • Интерфейс виджета полностью изменяемый — можно изменить все от цветового оформления до программной логики виджета
  • Локализация (все строковые константы вынесены в один объект)
  • Два варианта размещения виджета: встраивание в сайт (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» srccode.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>


image

Виджет админ


Общая характеристика

Администрирование предложений и комментариев пользователей
Возможность изменения внешнего вида виджета через интерфейс админки, редактирование html и css
Создание новых клиентов (один пользователь может иметь не более 3 клиентов, для трех разных сайтов)

Техническая характеристика

Админка представляет собой один html файл интерфейса, два файла Javacript логики и один файл стилей. Разместить админку можно на любом хостинге или работать с ней по адресу code.hivext.ru/applications/feedback

Чтобы завести себе виджет нужно перейти в админку по адресу code.hivext.ru/applications/feedback и выполнить необходимые действия.

Также можно скачать все исходные коды виджета и админки и разместить на своем хостинге просто распаковав архив в нужную папку, и потом запустить index.html

Демонстрация работы виджета
Tags:обратная связьfeedbackвиджетopen source
Hubs: Self Promo
Total votes 62: ↑53 and ↓9+44
Views1.7K

Popular right now