Google

このブログについて

プロフィールGoogle Blogger の使い方、カスタマイズ方法、各種ツールなど、Blogger 関連の役立つ情報を紹介しています。

フィードリーダーに登録

お知らせ

フォトログ更新しています。フィードリーダーの片隅にでも、置いてもらえるとうれしいです。

以前の記事

現在の閲覧者数

web tracker
2008-12-09

Blogger に「リアクション」機能が追加 このエントリーをはてなブックマークに追加

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

Blogger のリアクション(Reactions)機能


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

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

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

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

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


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

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

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

1.Blogger 管理画面「レイアウト > HTML の編集」ページで「ウィジットのテンプレートを展開」にチェックを入れます。
2.テンプレートコードの中から
<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 の記事の内容を試してから。

というわけで、随分紹介が遅くなってしまったんですが、リアクション機能を諦めかけていた人もぜひお試しください。
posted at 23:50 | Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示
:
  • 評価の文字をアレンジできるなら、いろんなブログに合いそうですね。
    おもしろそうですね~。

    By Blogger Yoshinori_K, at 10 December, 2008 05:37  

  • この影響なのかどうかわかりませんが、私のブログでは本文のウィジェットを編集しようとするとエラーが出ます。

    By Blogger Hit, at 10 December, 2008 07:24  

  • こんばんは。
    いつも有益な情報を発信して頂き、ありがとうございます。早速導入しました。ウイジットを展開して追加で成功しました。今まではstarを付けていたのですが、こちらの方が編集できるので面白いですね。

    By Blogger 霧の小次郎, at 10 December, 2008 17:58  

  • ウィジェット編集でエラーが出るのは直ったようですが、私のブログでは今のところメニューからではリアクション機能は有効になりません。

    ちなみに日本語を書いていないブログではソースを編集することなくリアクション機能が有効になるのを確認しています。

    By Blogger Hit, at 10 December, 2008 20:00  

  • いつもお世話になっています。
    リアクション追加できました。
    カスタムテンプレートですが、LayoutでWYSIWYGには移動できませんでいたが。

    By Blogger Cat-sushi, at 10 December, 2008 23:57  

  • クリボーさん、こんにちは。
    選択肢を複数にする方法は知りませんでした。早速、活用させていただいています。

    ウチでは、

     □(^ー^)b (0) □( ̄o ̄) (0)
     □(°_°i) (0) □w(°o°)w (0)

    の顔文字にして楽しんでます。みなさん、チェックしてやってください (^^ゞ

    By Blogger ボンボンバカボン, at 11 December, 2008 11:36  

  • とてもためになりました。
    カスタムテンプレの場合のやりかたも紹介して下さっていたので、なんとか導入することができました。
    ありがとうございました。

    By Blogger 為五郎, at 04 January, 2009 18:46  

  • みなさん、コメントありがとうございます。自分で評価のコメントをつけられる分、スターよりもつかいがってがいいですね。

    By Blogger Kuribo, at 04 April, 2009 15:00  

  • 最初自分でいつのまにか設定していて
    後で設定変更しようと思って
    分からなかったため
    非常に参考になりました。

    By Blogger おりおす, at 01 July, 2009 00:35  

Post a Comment


Links to this post:

Create a Link