【ココログ】はて★スタ de 投票

はてなスターを使った投票フォームを作ってみました。
名付けて『はて★スタ de 投票』。
ココログの記事に貼り付けて使います。

前準備として、はてなスター用のコードを貼り付けた後ろに続けて

<script type="text/javascript" src="http://furyu.tea-nifty.com/script/cocoPlugHatenaStarVote.js"></script>
<style type="text/css">
 .hsv_frame{margin:8px;padding:4px;width:280px;border:3px double orange;background-color: #fffff8;}
 .hsv_title{font-size:12px;font-weight:bold;text-align:left;margin:4px auto 2px 4px;padding:0px}
 .hsv_button{float:right;}
 .hsv_ul{margin:4px auto 4px 8px;padding:0px;}
 .hsv_li{margin:4px;padding:0px;list-style-type:none;font-size:12px;}
 .hsv_form{margin:2px;padding:0px;font-size:12px;}
 .hsv_code{width:95%;height:128px;font-size:12px;}
</style>

のようなコードを貼り付けておきます。

なお、ココログへのはてなスター設置方法については、
ココサブログ: はてなスター設置
facet-divers: [ココログ] はてなスターを記事別ページにも（ついでにフッターにも）
[観] はてなスターを設置してみました
などを参考にされるとよいかと思います。

次に、下記のフォームを用いて投票フォームを作成し、出力されたコードをコピーして、ココログの記事に貼り付けます。

お題
作者URL
選択肢1
選択肢2
選択肢3
選択肢4
選択肢5
選択肢6
（ここにコードが表示されます）
（ここにサンプルが表示されます）

実際の投票フォームは、こんな感じになります↓。

この記事は参考になりましたか？

• はい
• いいえ

はてなスターを見たとき、「これって、投票機能としても使えそう。」と思ったのと、このサイトで最近よく使っている『@nifty 投票』と比較しようと思って試作してみたわけですが。
実際に作ってみたら、

1. はてな依存(★を付けるにはログイン必須)。
2. ココログで標準的なテンプレートを使用している場合のみ貼付可能。
3. 同一人物が簡単に何回でも投票可能。
4. 投票状況が見えるため、それに影響される可能性がある。
5. 選ばれた選択肢の割合が掴みづらい。
6. 別の記事に貼り付けたら同一フォームは別集計(合計はわからない)。
7. 貼り付けサイトを限定出来ない。
8. カテゴリーを指定出来ない。
9. 投票期間を指定出来ない。
10. 他の人が作ったものにどんなのがあるかわからない。
11. 自分が作った投票でも、一覧で確認出来ない。

といった欠点があるのに対して、メリットといえば、

1. 同じ投票フォームを別の記事に貼り付けたときには、記事毎に集計される。
2. 製作者のサイトへのリンクを付けられる。
3. 気に入った投票があれば、貼り付け用コードをその場で取得可能(右上の★マーククリック)。
4. CSSで表示のカスタマイズ可能。
5. 投票しなくても結果は見える。

くらいしかありません……とほほ orz。

さらにとほほなことに、作っている最中に、
はて☆すたアンケート
なるものの存在を知ってしまったのでした orz。

【追伸】
お、これ、応募してみようかな……。
はてなスターTシャツ欲しい！

はてなスターTシャツ、欲しい？

• ぜひ欲しい！
• 応募してみようかな？
• 別にいいや。

ツイート