その他編 その他編一覧へ戻る テクニック集トップへ戻る

@dream活用やインターネット不動産運営で役立つ
便利なソフトや設定のご案内をしています。


47  Facebookページをホームページへ埋め込み

 Facebookページに投稿した内容をホームページ上に埋め込み表示することができます。
 Facebookページに投稿してある内容から物件情報を知ってもらったり、
 自分のfacebookページを広めることが出来ます。







47-1   Facebook Page Pluginの設置

 Facebookページをホームページに埋め込むには、Facebook Page Pluginを作成し、そのコードを
 トップページに貼り付ける必要があります。
 Facebook Page Pluginは「Facebook Page Plugin 設定ページ」から取得できます。


 「Facebook Page Plugin 設定ページ」 にアクセスします。




カスタマイズ画面について

(1)FacebookページのURLを入力します。

(2)横幅をピクセル数で入力します。

(3)高さをピクセル数で入力します。特に入力しない場合は自動で適当な大きさになります。

(4)チェックは付けたままにしてください。

(5)いいね!を押してくれたユーザーのプロフィール写真の表示の有無を決めます。
 チェックをいれると写真が表示されます。

(6)チェックを入れるとヘッダ画像が少しだけ狭くなります

(7)カバー写真を非表示にすることができます。

(8)Facebookページに投稿されたコメントの表示の有無を決めます。
 チェックをいれると新着順にコメントが表示されます。


 設定が終わったら「GetCode」をクリックします。

 コードが表示されます。
 ★1を選択し、コードをすべて指定してコピーします。





 ホームページビルダーでトップページ(index.htm)を開きます。
 (1)「HTMLソース」のタブをクリックし(2)<body>を探すし後ろに改行を入れます。
 できた(3)空白の行にマウスを右クリック>「貼り付け」をします。






 ★2を選択し、コードをすべて指定してコピーします。

 (1)「ページ/ソース」を選択して、表示させたい箇所に目印として、(2)「1」を入れ文字の上をダブルクリックします。
 (3)ソースの中の「1」が青く反転します。






 反転している「1」の上を右クリック>A「貼り付け」を選択します。






 FacebookLikeBox取得コードがソース内に貼りつけられました。






 編集画面を左クリックすると、コードがきちんと貼りつけられた証拠にコードの一部が表示されました。。






 「プレビュー」をクリックして、きちんと表示されることを確認してください。






 上書き保存後、FFFTPでindex.htmをアップロードします。
 ホームページにFacebook Like boxが反映されました。






     ▲上へ           
その他編一覧へ戻る