この投稿を編集する記事の下に絵文字のリアクションボタンを設置すると読んだユーザーの反応が分かり、サイト運営者にとって参考になります。リアクションボタンは、ユーザーのエンゲージメントを促進する効果が期待できます。Disqusのコメントシステムでは、新機能としてリアクションボタンを表示するオプション機能が追加されました。Disqusのリアクションボタンの押下数は、現状、Disqusにログインしているユーザーのみ見ることができます。ログインしていないユーザーにも他のユーザーのリアクションが分かるのも楽しいと思います。上のリアクションボタンは、ShareThisというソーシャルボタンのサポートサービスが提供する機能です。TODAYなどの米大手メディアも利用しています。ShareThisのリアクションボタンをBloggerに設置する手順を以下に紹介します。リアクションボタンのコードの取得ShareThisのサイトを訪問します。リアクションボタンのページです。Buttons"を押します。リアクションボタンの表示位置(左寄せ、中央、右寄せ)の選択と言語を選びます。言語は、現状、まだ日本語はサポートされていませんが、リアクションボタンは言語表示しなくても一見して分かるので大丈夫とも言えます。Code"ボタンを押し、続いて表示されるプライバシーポリシーを確認して、同意します。(プライバシーポリシーの内容を確認して、同意できる場合に同意します。)以下の様な登録情報入力画面が表示されます。CODE"を押します。備考:入力するドメイン名は、トップドメインです。サブドメインを入力するとエラーが表示されます。リアクションボタンコードをBloggerに設置するリアクションボタンのコードが表示されます。コードをコピーして、Bloggerに設置します。1のコードは、<head>タグ内に設置します。Blogger管理メニューの「テーマ」から「HTML」の編集ボタンを押して、テンプレートの編集画面を表示させます。</head>を検索して、</head>の上にコードを貼り付けます。備考:コードの設置位置は、<head>タグ内であればどこでも構いません。AdSenseの自動広告のコードなどと一緒の場所であれば、基本的にどこでも結構です。</head>の直前は保守管理がしやすい場所のため、お勧めです。記事下に設置する場合は、HTMLガジェットを使用すると簡単にできます。設置方法は、Disqusのコメントシステムの設置方法と同様です。以下の記事をご参照下さい。delimiter.”とエラー表示される可能性が高いです。(保存時にエラーが表示されないが、コードも設置されていないという状態になることもあります。)以下の様に&とproductの間にamp;を加えます。src="//platform-api.sharethis.com/js/sharethis.js#property=1234567890abcdefghijklm&amp;product=inline-reaction-buttons"></script>2のコードは、リアクションボタンを表示させたい場所に設置します。リアクションは、記事を読んだ後に押してもらうのが自然な流れなので、記事下が一般的です。ShareThisでサイトのプロパティ登録とリアクションボタンを有効化するShareThisのアカウントにログインします。Manually"(マニュアルで認証を行う)のボタンを押します。上の画面でマニュアルで認証を行うボタンを押下した場合は、以下の様な小ウィンドウが表示されます。<head>タグ内にコードを設置したURLを入力します。(例:コード取得時にトップドメインを入力している場合、認証エラーとなる可能性が高いです。その場合は、ここでコードを設置したサブドメインのURLを入力します。)Reactionボタンのスイッチを右にスライドしてオン(有効)にします。設定が有効化されリアクションボタンが表示されるまでに、5分程度かかります。設定したサイトの記事ページを表示して、リアクションボタンが表示されていれば、作業完了です。ブロギングライフで設置のサポートなども承っております。ご自分で作業を行われるのが不安だったり、時間がかかり過ぎることをご懸念される場合は、ブロギングライフまでお問い合わせ下さい。18:42はじめまして。リアクションボタン、可愛いので設置してみました。解説通りにやったらすぐにできました。ありがとうございます。0:46はじめまして。コメントありがとうございます。リアクションボタン、可愛いですよね。コメントを入れるよりも気軽にユーザーがリアクションという形で反応を入れられるのは、楽しさもあるエンゲージメント促進機能だと思います。記事へのリンクは全く問題ございません。0:30私も、このリアクションボタン可愛いと思っていました。真似させていただきました。13:38コメントありがとうございます。コメントを追加もっと読み込む...コメントは承認後、表示されます。BloggingLifeJP関連記事とスポンサーリンク関連サイトサイト運営に関する幅広い話題を取り扱っています。Bloggerを利用してAMPをサポートする情報などを発信します。以前と比べて、Blogger関連の記事への検索経由のアクセスが増えてきています。増えていると言っても、以前と比べて少し多い程度なのですが、TwitterなどでBlogger関連の話題を目にすることもあり、Bloggerへの関心が高まっているような印象を持っています。Cardsを設定する方法Bloggerは、基本機能がしっかりしています。無料ブログでありながら、カスタマイズも柔軟に行うことができ、機能拡張することができます。AdSenseに追加された最新の広告自動表示機能です。自動広告は、ページ単位の広告の機能を大幅に拡充し、主要な広告フォーマットを全てサポートしています。自動広告について詳しく...Bloggerのデータ利用容量の制限、上限はある?Bloggerのヘルプには、Bloggerのデータ利用容量や作成するアカウントの数の上限などは明記されていません。関連した事柄についてのQ&Aは、公式フォーラムには掲載されています。企画したテキストファイルの仕様です。ads.txtの基本的なコンセプトは、robots.txtに似ています。ブログにHTMLサイトマップを設置する方法サイトマップは、大きく分けるとXMLサイトマップとHTMLサイトマップサイトマップの2種類があります。XMLサイトマップは、検索エンジンにサイトのページの更新情報を伝えるなどの役割を持っています。ユーザーが書かれている内容の概要を素早く把握でき、理解する手助けとなります。ボリュームのある記事の冒頭に目次があると更にユーザーの利便性が向上します。ブログの投稿記事の著者名やコメントの投稿者名をクリックするとユーザープロフィールページが表示されます。プロフィールページに紹介文やその他の情報を記載すると訪問したユーザーに付加情報を提供することができます。Consoleに送信する方法Bloggerは、無料のブログサービスでもSEO機能が充実しているのが特徴です。Googleの提供するブログサービスと思うことが多々あります。Googleのプロダクトだから検索で優遇されるということはありません。コメントの設定と管理Bloggerは、ブログに必要とされる重要な機能が充実しているのが特徴の1つです。Bloggerのコメントシステムでは、スパムコメントの防止に極めて有効な認証システムreCAPTCHAを標準で組み込むことができます。記事の下に絵文字のリアクションボタンを設置すると読んだユーザーの反応が分かり、サイト運営者にとって参考になります。リアクションボタンは、ユーザーのエンゲージメントを促進する効果が期待できます。絵文字リアクションボタンをBloggerに設置する手順を以下に紹介します。お探しのページが見つかりませんでした。目次タイプ入力して下さい。