その他編 46、Facebookいいね！ボタンの設置

46	いいね！ボタンの設置

　facebookバナーの下に「いいね!」ボタンを設置してみましょう。
　「いいね!」ボタンとは、facebookが外部サイト向けに提供しているもので、
　気に入った記事を自分のfacebook上で公開や共有できる機能のことです。
　
　「いいね!」ボタンを押してもらうと、自社ホームページでは、「いいね!」ボタンを押された数が表示されます。
　また、押した人のfacebookのページ上には履歴として公開され、ホームページを不特定多数の方に広めて
　もらえるきっかけになります。

※facebook内での設定・操作およびfacebookの仕様についてのお問い合わせは弊社では
　　お答えしかねます。fecebookヘルプページをご覧いただくかfacebookにお問い合わせください。

　※2014年5月前に「いいね」を設置した方は、修正が必要になります。
　　こちらのホームページを参考に修正をしてください。

46-1	いいね!ボタンの設置

　「いいね!」ボタンを設置するためには、トップページに「いいね!」ボタンのコードを貼り付ける必要があります。
　コードは「facebookコネクト」から取得できます。

　「facebookコネクト」の画面に入ります。

　①URL　to　Like
　　WebサイトのURLを入れてください。

　②Width
　　ボタン領域の表示幅を指定することができます。

　③Layout
　　表示するボタンのレイアウトを決めることができます。

　④Action　Type
　　表示を「いいね」「おすすめ」どちらにするか決めることができます。

　⑤Show Friends' Faces
　　チェックが入った状態⇒「いいね！」ぼたんの下に「いいねボタンを押したユーザーのアイコンが表示されます。
　　「いいね！」ボタンをクリックされない場合はスペースが空いてしまうので注意してください。

　⑥lnclude Share Button
　　リンクや画像付きの情報で、
　　「この情報、自分の知り合いにも共有したい」と思ったときに使用するのが、「シェア」ボタンです。

　⑦Get　Code
　　全ての設定が終わったらクリックしコードを取得します。

　コードが表示されます。
　コードは２つ出てきます
　各コードを選択>右クリックでコピーし該当箇所に貼りつけをしていきます。

　１、ソースの<body>内に貼り付けをします。
　２、表示させたいところに貼り付けをします。

　ホームページビルダーでトップページ(index.htm)を開きます。
　「ソース」を選択して、<BODY>を探します。（小文字の<body>などの場合もあります）
　見つけた<BODY>の下に貼り付けします。

次は表示したい場所の貼り付けをしていきます。

　①「ページ/ソース」を選択して、表示させたい箇所に目印として②「１」を入れ文字の上をダブルクリックします。
　③ソースの中の「１」が青く反転します。
　④貼り付けをします。

facebookバナー取得コードがソース内に貼りつけられました。
編集画面を左クリックすると、目印にした「１」は消え、ソースにタグが貼り付いている状態になります。

　新しいコードになってから「プレビュー」では確認することができません。
　上書き保存後、FFFTPでindex.htmをアップロードします。
　ホームページにfacebookバナーが反映されました。