Blog

Facebookプラグインの「Like Box」を設置してみました!

なんだか今さら感がありますが、

Facebook頑張ろうかな、ということで、Like Boxを設置してみました

 

Like Boxを探す

まずは「Like Box」でキーワード検索しましょう

表示された検索結果にある「Like Box – Facebook Developers」でクリックしましょう
英語表記ですが、気にしなくて大丈夫です

Like Boxの設定を行う

Like Boxを作るための設定画面が出てきます。

設定するのは主に3つ

・Like Boxに表示したいFacebookページのURL
・Like Boxの横幅
・Like Boxに掲載する情報(友達一覧・投稿一覧)

私の場合は以下のように設定してみました

・Like Boxに表示したいFacebookページのURL:https://www.facebook.com/TecScalar
・Like Boxの横幅:200(左サイドバーに設置するので200としました。任意の数値で大丈夫)
・Like Boxに掲載する情報(友達一覧・投稿一覧):「Show Friends’ Faces」「Show Posts」どちらもチェック

「Get Code」してソースを貼り付け

設定を行うと、設置するボックスのプレビュー画面が表示されます。

その下に「Get Code」というボタンがあるので、そこをクリックしましょう

ソースコードをホームページに貼り付け

ソースコードが2種類表示されます。

Like Boxを貼り付けたいホームページのHTMLソースを開き

上のコードは<body>タグの下に、下のコードはLike Boxを設置したい場所に

それぞれ貼り付けます。

設置したホームページをアップロードして確認

設置を終えたら、ホームページをサーバー上にアップして確認しましょう

ということで、設置完了です。

プラグインを使うので、案外と簡単に設置ができます。お試しくださいね!

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

  • 1か月 ago by jusmin0922 沼津御用邸記念公園にて。今日は曇り空です
  • 4か月 ago by jusmin0922 所用で訪れた京都で立ち寄った仁和寺。御室
  • 4か月 ago by jusmin0922 美術館「えき」KYOTOで開催されている
  • 5か月 ago by jusmin0922 夕暮れの富士川サービスエリアにて。こちら
  • 5か月 ago by jusmin0922 大好きな熱海のバー、ネグローニさんでアー
  • 6か月 ago by jusmin0922 所用で三島に来ています。今日は天気がとて
  • 7か月 ago by jusmin0922 happy new year 今日の日本
  • 8か月 ago by jusmin0922 焼津のバーXYZで頂いたグリーンアラスカ
  • 8か月 ago by jusmin0922 今日は富士宮へ。あさぎりフードパーク&田
  • 9か月 ago by jusmin0922 久しぶりに富士山周辺に来ています。今日は
  • 1年 ago by jusmin0922 小淵沢にある中村キース・ヘリング美術館。
  • 1年 ago by jusmin0922 長泉町にあるクレマチスの丘に行って来まし
  • 1年 ago by jusmin0922 大好きなバー、エスタノーチェにて。おまか
  • 1年 ago by jusmin0922 静岡市の麻機(あさはた)遊水地の桜まつり
  • 2年 ago by jusmin0922 熱海のバー、Negroniさんで頂いたア
  • 2年 ago by jusmin0922 ブラッド&サンド 静岡市のバー、エスタノ
  • 2年 ago by jusmin0922 所用で三島へ来たので、三島大社に寄ってま
  • 2年 ago by jusmin0922 JR東海の駅にこの場所のポスターが貼って
  • 2年 ago by jusmin0922 サマソニ2日目。本日はプラチナチケットな
  • 2年 ago by jusmin0922 サマソニ!!すごい人だけど今日は曇ってる

最近の記事

ウェブ解析士ロゴ
ページ上部へ戻る