【激熱】ソフトバンクのiPhone 8 / 8 Plusを買って高額キャッシュバックをゲットする方法

最終更新 [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ページよりご連絡ください。

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

【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法

キャンペーン

4毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…

【激安】Amazon Echo DotとMusic Unlimited(1ヵ月)をセットで999円で購入する方法 – 参加できる条件や注意点など

キャンペーン

AmazonのスマートスピーカーEcho Dotと音楽聞き放題サービスMusic Unlimitedがセットで999円と激安販売中!ただし購入には条件アリ

【11月版】最大6ヵ月無料!! Yahoo!プレミアムに無料で登録する方法 – さらにYahooショッピングのクーポンも!

キャンペーン

Yahooプレミアムが対象者限定で最大6ヵ月無料!対象かどうかはアクセスしてチェックしてみて

【最大3万円還元】ソフトバンクのiPhone XRを購入してキャッシュバックをGETする方法

携帯電話

ソフトバンクのPhone XRを購入でキャッシュバックがもらえるぞ!MNPはもちろん機種変更も対象です。


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

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

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


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




同じカテゴリの記事

【12月1日まで】1,359冊が対象!! Kindleの雑誌を99円均一で購入する方法

キャンペーン

またまた99円均一セール!今回の対象件数は1,359冊とかなり多い!

【もれなく100ポイント貰える!】ダイエー公式アプリに「WAON POINTカード」または「イオンカード」を登録して100ポイントをゲットする方法

キャンペーン

ダイエー公式アプリ特別企画!もれなくWAON POINTが100ポイントもらえるぞ!登録期限は6/30までです。

【悲報】ソフトバンクの「のりかえ割パワーアップキャンペーン」が終了! – お得にスマホを購入する方法

キャンペーン

のりかえでお得に買えるのは4月15日まで!もうスマホを安く買うのは難しいかも。。。

【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法

キャンペーン

4毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…


新着記事

【11月22日~日本初開催!!】Amazonブラックフライデーまとめ – セールでおトクに買い物&エントリーだけで5,000ポイントが当たるキャンペーンに参加する方法

キャンペーン

アメリカのブラックフライデーが日本上陸!2019年からAmazonが開催!買い物しなくても5,000ポイントが当たるかも

【4Kテレビが激安!!】ビックカメラの「ブラックフライデーセール2019」でお得にお買い物をする方法

セール

ビックカメラでブラックフライデー セールが開催!50インチ4K対応液晶テレビが税込54,800円と激安です。

【発売】「Galaxy Note10+」の価格や予約・発売日、スペックまとめ – ドコモ、auでおトクに予約・購入する方法。ソフトバンクは…

Androidスマホ

ドコモオンラインショップでGalaxy Note10+を購入&応募で、もれなくdポイントが5,000ポイントが貰えるぞ!

【期間限定】タワーレコードでポイント10%還元キャンペーン開催中! – CDやDVDをお得に購入する方法

キャンペーン

CDやDVDの購入を考えている人は必見!キャンペーンを利用すればお得に買えるぞ!

【2019年もブラックフライデー開催】アディダスオンラインショップでお得にアディダスの商品を購入する方法

セール

BLACK FRIDAY WEEKは11月22日~12月2日までです。期間限定でスポーツリュックに入れてお届けするLUCKY BAG(福袋)も販売!!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【楽天ポイント】期間限定ポイントのオススメの使い方 – 楽天系のサービス以外でも使える!有効期限確認、少額でも使い切る方法

    いつの間にか貯まる『期間限定の楽天ポイント』楽天市場で無理やり使うのではなく街のお店などで効率的に使うのがいいかも!


    【11月は…】ドコモ『ハピチャン』で”おいしい特典”を受け取る方法 – スーパーフライデーや三太郎の日のドコモ版。 ただし条件が…

    11月のハピチャンは…?4月までは「29歳以下のドコモユーザー」が対象。各月の特典内容や適用条件をまとめました~


    【値下げ!!】ドコモiPhone XS / XS Maxの契約別価格&おトクに購入する方法

    値下げが始まったドコモのiPhone XS / XS Maxの価格を契約別にまとめてます


    Androidに届く通知をWindows(PC)に表示して確認する方法 – 『スマホ同期』アプリがマジ便利!

    AndroidにLINEなどの通知が届く⇒Windows上でも通知されて確認することができる『スマホ同期』アプリが超便利!


    注目の記事をぜんぶ見る

  • 最新記事

    【11月22日~日本初開催!!】Amazonブラックフライデーまとめ – セールでおトクに買い物&エントリーだけで5,000ポイントが当たるキャンペーンに参加する方法

    アメリカのブラックフライデーが日本上陸!2019年からAmazonが開催!買い物しなくても5,000ポイントが当たるかも


    【4Kテレビが激安!!】ビックカメラの「ブラックフライデーセール2019」でお得にお買い物をする方法

    ビックカメラでブラックフライデー セールが開催!50インチ4K対応液晶テレビが税込54,800円と激安です。


    【発売】「Galaxy Note10+」の価格や予約・発売日、スペックまとめ – ドコモ、auでおトクに予約・購入する方法。ソフトバンクは…

    ドコモオンラインショップでGalaxy Note10+を購入&応募で、もれなくdポイントが5,000ポイントが貰えるぞ!


    【期間限定】タワーレコードでポイント10%還元キャンペーン開催中! – CDやDVDをお得に購入する方法

    CDやDVDの購入を考えている人は必見!キャンペーンを利用すればお得に買えるぞ!


    【2019年もブラックフライデー開催】アディダスオンラインショップでお得にアディダスの商品を購入する方法

    BLACK FRIDAY WEEKは11月22日~12月2日までです。期間限定でスポーツリュックに入れてお届けするLUCKY BAG(福袋)も販売!!


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

  • usedoorをフォロー


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

    【11月版】最大6ヵ月無料!! Yahoo!プレミアムに無料で登録する方法 – さらにYahooショッピングのクーポンも!

    Yahooプレミアムが対象者限定で最大6ヵ月無料!対象かどうかはアクセスしてチェックしてみて


    【20%還元対象!!】iPhoneのApple Payに『みずほウォレット スマートデビット』を追加する方法 – Apple Pay初のデビットカード!

    iPhoneのApple PayにみずほWalletから発行できる「スマートデビット」が登場!デビットカードなので使いすぎず安心


    dファッションのクーポンをゲットする方法

    ドコモが運営するd fashionにもクーポン多数!キャンペーンとクーポンを組み合わせるとめちゃくちゃ安くアイテムが買えることも多々!


    【iPhone 8が一括0円!】ソフトバンクのiPhone 8を一括0円でGETする方法

    ソフトバンクのiPhone 8がお得に買える!買うならここがおすすめ!


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

  • あわせて読みたい記事