このウィジェットの実装は、データベースの操作を含め、Javascriptで完全に開発されているため、本質的にユニークです。 フィードバックウィジェットは2つの部分で構成されています。
- フィードバックウィジェット(Webサイトに表示)
- 管理ウィジェット(管理パネル)
フィードバックウィジェット
一般的な特徴
- サイトへの訪問者からの提案とコメントのコレクション
- 他の訪問者によるオファーに投票する
- 提案状況(新規、検討中、開発中、完了)
- すべてのコンテンツ(提案とコメント)、ステータスと投票数で並べ替え、投票、新しいオファーとコメントの追加-すべてがサードパーティのサイトにリダイレクトせずにウィジェットインターフェースに実装されます-すべてはサイト内で行われ、オファーの投稿の登録は不要です
- ウィジェットのインターフェースは完全に変更可能です-カラースキームからウィジェットのプログラムロジックまですべてを変更できます
- ローカリゼーション(すべての文字列定数は1つのオブジェクトで取り出されます)
- ウィジェットを配置するための2つのオプション:サイトに埋め込む(インライン配置)、ページの横にウィジェットを開くボタンを表示する(ポップアップ配置)
- AJAXは110%で使用され、htmlやcssを含むすべてが非同期に要求され、javascriptテンプレートエンジンがインターフェイスを準備します。
- 1つのファイルに実装されたすべてのウィジェットロジック
非圧縮:24 kb
圧縮(改行、スペース、タブの削除):19.8 Kb - ウィジェットの平均ロード時間(htmlおよびcssリクエスト、テンプレート作業、コンテンツ表示):2.5秒
- 消費可能なトラフィック
最初のダウンロード:34 Kb±2 Kb(コンテンツの量に応じて)
後続のダウンロード:8 Kb±2 Kb(コンテンツの量に応じて)
データ/リクエスト:〜2 Kb(コンテンツの量に応じて)
フィードバックウィジェットを表示するページに以下のコードを配置することにより、接続が確立されます。
<!-</ BODY>の後に挿入します(このコメントは削除できます)->
< 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" });
</ スクリプト >
管理ウィジェット
一般的な特徴
ユーザーの提案とコメントの管理
管理インターフェースを介してウィジェットの外観を変更し、htmlおよびcssを編集する機能
新しいクライアントの作成(1人のユーザーは、3つの異なるサイトに対して3つまでのクライアントを持つことができます)
技術仕様
管理パネルは、1つのhtmlインターフェイスファイル、2つのJavacriptロジックファイル、1つのスタイルシートです。 code.hivext.ru/applications/feedbackで、ホスティングに管理パネルを配置したり、管理パネルで作業したりできます。
ウィジェットを取得するには、 code.hivext.ru / applications / feedbackの管理パネルに移動し、必要なアクションを実行する必要があります。
また、目的のフォルダにアーカイブを展開するだけで、ウィジェットと管理パネルのすべてのソースコードをダウンロードし、ホスティングに配置して、index.htmlを実行することもできます。
ウィジェットのデモ