Facebookの「いいね」「おすすめ」ボタンを記事に表示する
ここではfacebookの「いいね」「おすすめ」ボタンをブログに掲載する方法についてご案内します。
「facebook」は外部運営サービスです。外部運営サービスは弊社サポートの範囲外となるため、詳細をご案内することができません。
また、閲覧するブラウザにより、ブログの表示が崩れる場合がございます。あらかじめご了承ください。
操作方法の詳細や仕様、最新情報に関しては、facebookのヘルプサイトなどをご参照ください。
本ページの情報は2011年11月時点のものです。
▼表示例
操作手順
ｆacebookのサービスを利用するためには、登録が必要です。
既に登録済みの方は、【２】から作業を行ってください。
【１】 facebookに登録する
ｆacebookに登録するための手順については、下記のPDFをご参照ください。
※上記のPDFは、そのままA4サイズの用紙にプリントすることもできます
【２】ボタンのコードをコピーする
「いいね」ボタンは、記事１つにつき１回、以下の手順で追加します。
１．ここをクリックし、Like Buttonサイトを開きます。
２．「ＵＲＬ to Ｌｉｋｅ」欄に、「いいね」ボタンを貼りつけるブログのＵＲＬをコピーし、貼り付けます。
「Send Button」欄のチェックをクリックし、消します。
３．「Layout Style」欄で、お好みのボタンを選択します。
リストからボタン名をクリックすると、画面右上に選択したボタンのプレビューが表示されます。
４．「Show Faces」で、facebookに登録している顔写真を表示するかどうかを指定します。顔写真を表示する場合は、チェックを入れます。
５．「Ｗｉｄｔｈ」に、貼りつけるボタンの横幅を指定します。
６．「Ｖｅｒｂ ｔｏ ｄｉｓｐｌａｙ」で、ボタンに表示する文言を選択します。
ボタン上の文字が、likeだと「いいね！」、recommendだと「おすすめ」になります。
７．「Ｃｏｌｏｒ Ｓｃｈｅｍｅ」では、ボタンの色を選択します。
８．「Ｇｅｔ Ｃｏｄｅ」ボタンをクリックします。
→コードが表示されます。
９．長いコード(１)と短いコード(２)の２つが表示されます。２つが混ざらないようにメモ帳などにコピーしてください。
【３】記事にボタンを追加する
「手順１０」でコピーしたコードをブログの記事に追加します。
手順に入る前に、ブログ管理画面にログインしてください。
１０．「ページ管理」をクリックし、「見ながら更新」画面を開きます。
１１．記事を作成したいページのサイドメニューをクリックします。
１２．「+ ここに記事を追加する」または「+ このページに記事を追加する」ボタンをクリックします。
１３．「記事の見出し」を入力し、「見出しの種類」を選択します。
１４．「内容」欄に記事の内容を入力します。
１５．「ＨＴＭＬ」ボタンをクリックします。
１６．まずは（１）の長いコードをHTML画面の先頭部分に貼り付け、「更新」を押します。
１８．再びHTMLボタンを押して、今度は(２)の短いコードを貼り付けます。
１９．編集画面には何も表示されませんので、プレビューを押します。
↓
プレビューにボタンが表示されていたら、プレビューを閉じ、記事を保存します。
以上で、操作は完了です。「サイトの確認」をクリックし、確認してください。