【最大3万円還元!!】ソフトバンクのiPhone 12 / 12 mini /12 Pro / 12 Pro Maxを購入して高額キャッシュバックをGETする方法

最終更新 [2015年3月20日]





facebookの「いいね!ボックス」ことLikeBoxの作り方、サイトやブログへの設置方法です。

ブログやWEBサイトのサイドバーやら記事の下などによく設置してあるfacebookの↑
『Facebookもチェック。○○人が「いいね!」と言っています。』というやつです。

そのサイトのサイト名やサムネイル、そのサイトに対していいね!している自分の友だちなどが表示されていたりします。

これはfacebookではLikeBoxと呼ばれているもので直訳すると「いいね!ボックス」です。
ソーシャルプラグインといわれるものの1つでfacebook公式で作ることができます。
設置もコードをサイト内に埋め込むだけでとってもカンタンです。

このLikeBoxをusedoorでも作って設置してみたくなったので作り方・設置方法のメモ書きです。


facebookのLikeBoxの作り方・設置方法

usedoorのやつ作ってみた。

usedoorのfacebookページ

これから紹介するやり方でusedoorのfacebookページのLikeBoxを作ってみました。
facebookでも最新情報や気になったことをチラチラと発信していますのでどうぞ「いいね!」してやってくださいm(._.)m

facebookDevelopersからカンタンに作れちゃう!

LikeBoxはfacebookDevelopersのページからカンタンに作成できます。
↓にアクセスします。
https://developers.facebook.com/docs/plugins/like-box-for-pages

↑にアクセスするには「個人のユーザーでログインしている」必要があります。
facebookページのユーザーでログインしているとユーザー変更を求められますぜ。

Facebook Page URL

LikeBoxに使いたいfacebookページのURLを入力します。
usedoorだと「https://www.facebook.com/usedoor」となります。

Width

作成するLikeBoxのヨコ幅を設定します。
指定しない場合、横幅が300ピクセルのLikeBoxを表示します。

自分のサイトの設置したい場所の幅に合わせるのがいいと思います。

Height

作成するLikeBoxのタテ幅を設定します。
指定しない場合、縦幅が270ピクセルのLikeBoxを表示します。

Show Friends’ Faces:友だちの顔を表示するかの設定
Show Posts:このfacebookページの投稿を表示するかの設定

Color Scheme

LikeBoxの全体のカラー設定
といっても白基調の「light」か黒基調の「dark」しか選択できませんが。。

Show Header:LikeBoxの上の「Facebookもチェック」の有無
Show Border:LikeBoxを線で囲むかどうかの設定


全部の設定が終わったら「Get Code」をタップしてコードを取得します。

コードは2つあります。
上のコード:<body>タグの下に書いておくfacebookとのデータのやり取りを行うjavascript
下のコード:Likeboxを呼び出すコード
となります。


サイト・ブログに設置する

あとはサイトやブログに設置するだけでOKです。
サイトのソースを開いて<body>が始まる部分を探します。
<body>タグのすぐ下に↑で表示された1つ目のコードを埋め込みます。


次に設置したい場所に2つ目のコードを埋め込みます。

以上で完了です。

これでLikeBoxがWEBサイトに埋め込むことができます。

facebookのソーシャルプラグインの中でも人気の高いLikeBoxの設置方法は以上です。
サイトやブログを運営されている方は是非とも使ってみてくださいなー。

usedoorのFacebookページも引き続き宜しくお願いしますm(_ _)m

usedoorのfacebookページ


< この記事をシェア >






このfacebookのいいね!が増える? 公式LikeBoxの作り方・設置方法の最終更新日は2015年3月20日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

現在開催中の「おトク」なキャンペーン、セール

【12月31日まで】『dフォト』を申し込んで2,000dポイントを貰う方法 – フォトブックも送料込み無料。実質半年ちょっと無料で利用できる

キャンペーン

フォトブックサービス「dフォト」申し込み&条件を満たせば2,000dポイントがもらえる。もちろん期間中にフォトブックも作れる

【11月30日まで】最大70%オフ!セブンネットショッピングの「ブラックフライデー」でおトクにお買い物をする方法

セール

セブンネットショッピングでブラックフライデー セールが2020年11月24日(火)正午から開催!最大70%オフで買い物ができるぞー。

【1月11日まで】Amazon Music Unlimitedに無料登録して500ポイントをゲットする方法。さらに3ヵ月無料も!- 注意点アリ

キャンペーン

Amazon Music Unlimitedに無料登録するだけで500ポイントがもらえるオイシイキャンペーンが再び!

【値上げ…】Amazonプライムで使えるサービスを使い倒す方法&年会費の元が取れるキャンペーンまとめ

webサービス

5月17日から4,900円/年に値上げ。でもこれだけのサービスが使えれば年会費は惜しくない!プライム会員の人は使えるサービスをフルに使い倒してみて!

【一括1,760円~!】ワイモバイルのスマホ「Libero S10 / Android One S5 / HUAWEI P30 lite」を激安でゲットする方法

キャンペーン

ワイモバイルの正規代理店ヤングモバイルで対象機種を一括払いで購入すると機種代金が22,000円割引されるキャンペーンが開催


≫ 開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


キーワード:いいね! , ソーシャルプラグイン , 公式 ,


新着記事

【8のつく日はポイント5倍!】オムニ7「イトーヨーカドー」「アカチャンホンポ」のハッピーデーでおトクに買い物する方法

ショッピング

ネット注文でも8のつく日ハッピーデーは存在!が、店舗での買い物とは内容や条件などが異なります

【12月1日まで】『Amazonブラックフライデー&サイバーマンデー2020』でおトクにお買い物する方法 – 割引商品、同時開催のキャンペーンまとめ

セール

2020年のサイバーマンデーはブラックフライデーと一緒に5日間のビッグセールとしてやってくる!期間は11月27日9:00~12月1日23:59までの5日間です。

【2021年ポケモンセンターオンライン福袋】『ピカピカボックス2021』の抽選販売に参加、購入する方法

福袋

ポケモンセンターオンラインの2021年福袋「ピカピカボックス2021」の抽選販売応募受け付けがスタート!応募期間は12月6日まで。

【激安!!】Amazon Echoシリーズを激安で購入してMusic Unlimitedを6ヵ月間無料で利用する方法 – 参加できる条件や注意点など

キャンペーン

AmazonのスマートスピーカーEchoシリーズと音楽聞き放題サービスMusic Unlimited 6か月分がセットで2,480円~と激安販売中!


≫ 新着記事をもっと見る

usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【11月版】格安SIM(MVNO)料金徹底比較・まとめ&キャンペーン情報! – 最安の格安SIMを調べる方法

    今、契約するなら一番おトクな格安SIMは?キャンペーンを利用してお得に契約しちゃおう!


    LINE Payでコンビニなどのリアル店舗でQR/バーコード支払いする方法 – 実際の支払いはこうやる!

    〇%還元や〇ポイントキャッシュバックなどキャンペーンも多彩なLINE Payのコード支払いを実際にやってみた


    【LINE】トークの写真、画像内の文字を読み取ってテキスト化する方法 – 写真の中の文字をメッセージに変換。翻訳もできる!OCRアプリとして使えちゃう

    これは便利!スクリーンショット画像の文字をLINEに読み取ってもらってそのままメッセージとしてトークに送信したり翻訳したりできちゃう!


    【LINE】トークルームやタイムライン、広告の『情報の提供』をオフにする方法 – サービス向上のための情報利用とは?

    LINEのトークルームのメッセージの内容、通話内容を提供するわけではないので別にいい気もしますが気持ち悪い人はオフでどうぞ


    【Twitter】『ダークモード』の設定方法 – iOS・Android・PCでタイムラインなどの背景色を黒やダークブルーにできる。夜間モードの違いなど

    夜間モードからダークモードへ名称が変更!Twitterがよりスタイリッシュなブラックテーマ風になるぞー


    注目の記事をぜんぶ見る

  • 最新記事

    【8のつく日はポイント5倍!】オムニ7「イトーヨーカドー」「アカチャンホンポ」のハッピーデーでおトクに買い物する方法

    ネット注文でも8のつく日ハッピーデーは存在!が、店舗での買い物とは内容や条件などが異なります


    【12月1日まで】『Amazonブラックフライデー&サイバーマンデー2020』でおトクにお買い物する方法 – 割引商品、同時開催のキャンペーンまとめ

    2020年のサイバーマンデーはブラックフライデーと一緒に5日間のビッグセールとしてやってくる!期間は11月27日9:00~12月1日23:59までの5日間です。


    【2021年ポケモンセンターオンライン福袋】『ピカピカボックス2021』の抽選販売に参加、購入する方法

    ポケモンセンターオンラインの2021年福袋「ピカピカボックス2021」の抽選販売応募受け付けがスタート!応募期間は12月6日まで。


    【激安!!】Amazon Echoシリーズを激安で購入してMusic Unlimitedを6ヵ月間無料で利用する方法 – 参加できる条件や注意点など

    AmazonのスマートスピーカーEchoシリーズと音楽聞き放題サービスMusic Unlimited 6か月分がセットで2,480円~と激安販売中!


    最新記事をもっとチェック

  • usedoorをフォロー


  • 現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

    【1月11日まで】Amazon Music Unlimitedに無料登録して500ポイントをゲットする方法。さらに3ヵ月無料も!- 注意点アリ

    Amazon Music Unlimitedに無料登録するだけで500ポイントがもらえるオイシイキャンペーンが再び!


    【12月1日まで】楽天モバイルUN-LIMIT『SIMのみ契約』で8,000ポイントをゲットする方法 – iPhoneも対象!対象製品利用でポイント還元の条件など

    楽天モバイルUN-LIMITが機種購入なしのSIMのみ契約で誰でも8,000ポイントを還元するキャンペーンを開始!対象端末と条件まとめ。iPhone 12も対象!


    【11月版】+50%還元!『d払いお買い物ラリー』とは?対象店舗で超おトクに買い物する方法 – 11月はスーパーやドラッグストア、ホームセンターなどが対象

    毎月開催!d払いの買い回り「お買い物ラリー」複数店舗での買い物でdポイント還元率が大幅アップ!ドコモユーザー以外もOK


    LINE POINT CLUBとは?マイランクに応じてコンビニやスーパー、家電量販店、飲食店などで使えるおトクなLINE Payクーポンをゲットする方法

    2020年5月よりLINE POINT CLUBが登場!LINE Payの還元率は条件によっては0%になったけど超オトクなクーポンがランクによって複数枚ゲットできる!


    DAZN(ダゾーン)をお得に契約する方法

    DAZNを契約するならこの方法がおすすめ!DAZN for docomoが月額980円で加入できるのは2020年9月30日まで!


    開催中のキャンペーンをぜんぶ見る

  • あわせて読みたい記事