クリボウの Blogger Tips

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

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

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 の記事の内容を試してから。

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


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:13

  1. 評価の文字をアレンジできるなら、いろんなブログに合いそうですね。
    おもしろそうですね~。

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

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

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

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

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

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

    ウチでは、

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

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

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

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

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

    ReplyDelete
  10. 英語版でないと有効にならないのかと思っていましたが大変参考になりました!

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. いつもBlogger関連の情報を発信して戴きありがとうございます。
    リアクションの設定でこちらのページに辿り着きました。
    さて、リアクションの設定をしても、どうも、Bloggerブログに反映されず、突然ですが、ご連絡を取らせて戴きました。
    ブログの投稿の編集でプレビューまでは出来ていますが、実際に表示されない状態です。
    該当ブログ(http://shiroyuki-mot-photos-casket.blogspot.jp/)はシンプルのテンプレートですが 画像枠をsmallサイズに統一して HTML編集している為、HTMLの何所にコードを挿入したらよいかが分かりません。
    クリボウさまのサイトで、挿入コードは拝見したのですが、テンプレートが違う為、該当箇所を発見できないのです。 (<p タグ自体が見当たりません)
    お暇な折で結構ですので、ご指導戴けると、助かります。

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.