Blogger に「リアクション」機能が追加

Blogger に「リアクション」機能が追加されています。

• Blogger in Draft: New feature: Reactions
• blog*spot: 「iGoogle Gadgets」を一般公開＋「Reactions」機能をベータサイトで公開 at ブログヘラルド
• Blogger Buzz: Reactions: easily engage your readers

上の画像は「写真日記」につけてみたもの。
この「リアクション」機能を使うと、読者が記事を読んでどのように感じたのかがすぐにわかります。

記事に対する読者の評価がわかるという点では、以前お伝えしたスターレイティング機能とよく似ているんですが、読者に押してもらうボタンのテキストも自分で設定できるのがいい感じです。

導入は Blogger 管理画面「レイアウト ＞ ページ要素」の「ブログの投稿（Blog Posts）」の「編集リンク」から。ポップアップする「ブログの投稿の設定」ウィンドウから「リアクション（Reactions）」を見つけてチェックボックスにチェックを入れるだけ。

ボタンのテキスト編集をする場合はリアクション項目の「編集」リンクから。ボタンのテキストはコンマで区切って（例：「優,良,可,否」）、「保存」リンクを押します。

ということで、ご自分のブログにもぜひどうぞ。


カスタマイズされたテンプレートの場合

といいながら、このやり方だけだと Blogger 標準のテンプレート以外の場合に、うまく導入できないことがあるようです。そういうときには、こちらの記事を参考にするとよさそうです。

• Blogger Buster: Blogger's New "Reactions" Feature - How to add to customized blog templates

一応やり方だけ抜き出してみるとこんな感じ。

１．Blogger 管理画面「レイアウト ＞ HTML の編集」ページで「ウィジットのテンプレートを展開」にチェックを入れます。
２．テンプレートコードの中から

<p class='post-footer-line post-footer-line-1'>

を見つけ出し、すぐ後に

<span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' width='100%'><tr> <td valign='center'><span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span>

というコードを追加して、テンプレートを保存します。

※

<p class='post-footer-line post-footer-line-1'>

がもし見つからない場合には、

<p><data:post.body/></p>

のすぐ後に上記のコードを貼り付けてください。

実はこの「リアクション」機能自体は、今年の 8 月に Blogger in Draft に登場し、11 月に Blogger に正式採用となっています。
前から機能の存在は知っていたんですが、クリボウも実際に動作しているのを確認したのは、この Blogger Buster の記事の内容を試してから。

というわけで、随分紹介が遅くなってしまったんですが、リアクション機能を諦めかけていた人もぜひお試しください。