【20GB比較】ドコモ「ahamo」、au「povo」、ソフトバンク「SoftBank on LINE」、楽天モバイル「UN-LIMIT VI」比べてみた

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

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

【楽天モバイル】まだ1年無料!『Rakuten UN-LIMIT』の料金プラン、対応端末、キャンペーンなどまとめ – 4月1日から無料維持もできる新プラン「VI」登場!

携帯電話

楽天モバイルが4月1日から「Rakuten UN-LIMIT VI」提供開始!1GB未満はまさかの無料!最高でも2,980円。新料金や対応端末は?iPhoneは使える??

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

携帯電話

ソフトバンクのiPhone 8買うならここがいいかも!キャッシュバックがもらえるぞ!さらにPayPayボーナスライトももらえます。

【2月版】闇ふるさと納税?ふるさと納税で返礼品とは別にAmazonギフト券を貰う方法 – 最大6%還元が開催中!

国や地方の制度

簡単な条件を満たせば、ふるさと納税寄付金額の最大6%分のAmazonギフト券がもらえちゃう!

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

webサービス

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

【開催中!!】3ヵ月299円と激安!Amazonの読み放題サービス「Kindle Unlimited」に超おトクに登録する方法

キャンペーン

本やコミック、雑誌が読み放題になるAmazonのKindle Unlimitedがまたまた激安で利用できるチャンス!


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

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

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


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


同じカテゴリの記事

【1月31日まで】機種変更1台でもOK!!ドコモオンラインショップ『10th Anniversaryキャンペーン』でiPhone、Androidを5,184円割引で購入する方法

キャンペーン

全契約でドコモの対象機種が5,184円割引で買えちゃう。さらにオンラインショップは手数料&頭金が完全無料!

9の付く日!Galaxy『オト9!』で”おいしい特典”を受け取る方法 – スーパーフライデーやハピチャン、三太郎の日のGalaxy版キャンペーン

キャンペーン

携帯キャリアがやってるキャンペーンの独自版をGalaxyも開催してます。9の付く日はGalaxyでクーポンをゲット!


新着記事

【予約開始!!】『モンスターハンターライズ グリップコントローラー for Nintendo Switch』を予約・購入する方法 – 発売日や価格などまとめ

ゲーム

モンハンライズデザインのNintendo Switch携帯モード専用コントローラー「モンスターハンターライズ グリップコントローラー for Nintendo Switch」が発売

【ワイモバイル】契約中の回線で『5G通信』が利用できるかを確認する方法 – 旧プランでも5Gは利用できる

携帯電話

自分が契約しているワイモバイル回線はもう5G通信が使える?をチェックすることができる

【最大2.3万円還元!!】ワイモバイルを通常よりおトクに契約する方法 – 5のつく日や日曜日がおトク!

キャンペーン

ワイモバイル(SIMのみ)を契約するとPayPayを最大17,000円相当還元!代理店経由なら最大23,000円キャッシュバック!

【Netflix】オススメダウンロード機能の使い方 – 勝手に不要な動画がダウンロードされるのがウザいという人は無効化を。容量上限設定もできる

スマホアプリ

ネットフリックスがオススメの動画を自動的にダウンロードする機能を公開。ウザいと感じる場合はオフにもできる

【在庫・入荷情報あり】「鬼滅の刃 DX日輪刀~胡蝶しのぶ~」を予約・購入する方法

おもちゃ

「鬼滅の刃 DX日輪刀」の第2弾「鬼滅の刃 DX日輪刀~胡蝶しのぶ~」が登場!劇中にでてくるセリフや効果音、全35種を収録。発売日は2020年4月下旬、価格は5,995円。


≫ 新着記事をもっと見る

usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【3月15日まで】機種変更でも最大22,000円割引!auオンラインショップ「クリアランスセール2021」でおトクにAndroidスマホを購入する方法 – 対象機種など

    auオンラインショップのクリアランスセールでAQUOS、HUAWEI、ZTEスマホが大幅割引!機種変更でも最大22,000円割引で購入できる


    【2月版】「メルペイ」のキャンペーン&クーポンまとめ – はじめてのスマート払いで最大1,000円分、マイナポイントetc… メルペイでお得にお買い物する方法

    メルペイでは定期的におトクなキャンペーンやクーポンを配信中。メルペイ払いしなくてもクーポンも使えちゃう。ネットショップにも対応


    【Android】スマホのバッテリー消費を抑えて電池持ちをアップさせる方法まとめ – Pixel 4のバッテリーが悪いのでいろいろ設定してみた

    Pixel 4のバッテリー持ちが悪すぎるのでAndroid全般の電池消費を節約する設定をガッツリ行ってみた


    【神対応すぎる】Dysonの掃除機のバッテリーを交換する方法 – 2年の保証期間内ならまさかの無料!V8 Absoluteのバッテリーを交換してみた

    Dysonの掃除機はバッテリーまで2年の保証対象内!掃除機復活でダイソンの手厚いサポートにマジで感動しました。


    【実質0円以下!!】楽天モバイル(UN-LIMIT)の『Rakuten Hand』を超激安で購入する方法 – 超大幅ポイント還元

    ジャストサイズで高性能な楽天モバイルオリジナル端末「Rakuten Hand」が超大幅ポイント還元で実質0円以下!超激安に!!


    注目の記事をぜんぶ見る

  • 最新記事

    【予約開始!!】『モンスターハンターライズ グリップコントローラー for Nintendo Switch』を予約・購入する方法 – 発売日や価格などまとめ

    モンハンライズデザインのNintendo Switch携帯モード専用コントローラー「モンスターハンターライズ グリップコントローラー for Nintendo Switch」が発売


    【ワイモバイル】契約中の回線で『5G通信』が利用できるかを確認する方法 – 旧プランでも5Gは利用できる

    自分が契約しているワイモバイル回線はもう5G通信が使える?をチェックすることができる


    【最大2.3万円還元!!】ワイモバイルを通常よりおトクに契約する方法 – 5のつく日や日曜日がおトク!

    ワイモバイル(SIMのみ)を契約するとPayPayを最大17,000円相当還元!代理店経由なら最大23,000円キャッシュバック!


    【Netflix】オススメダウンロード機能の使い方 – 勝手に不要な動画がダウンロードされるのがウザいという人は無効化を。容量上限設定もできる

    ネットフリックスがオススメの動画を自動的にダウンロードする機能を公開。ウザいと感じる場合はオフにもできる


    【在庫・入荷情報あり】「鬼滅の刃 DX日輪刀~胡蝶しのぶ~」を予約・購入する方法

    「鬼滅の刃 DX日輪刀」の第2弾「鬼滅の刃 DX日輪刀~胡蝶しのぶ~」が登場!劇中にでてくるセリフや効果音、全35種を収録。発売日は2020年4月下旬、価格は5,995円。


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

  • usedoorをフォロー


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

    【必ず400dポイントもらえる!!】dマガジンをおトクに契約する方法

    dマガジンはWEBから入会すれば400dポイントがもらえる!初回31日無料とあわせて実質2ヵ月無料で利用できる。エントリーはお忘れなく!


    楽天モバイル(Rakuten UN-LIMIT)のご紹介特典コード・クーポンを契約時に入力、適用する方法 – 12月1日から特典と条件が変更

    紹介者の楽天モバイルID(クーポンコード)をゲットして入力すれば紹介者に1,500ポイント、紹介された方も1,000ポイントがもらえるぞ!


    【2021年2月】最大80%OFF!!セブンネットショッピングの『月末セール』でDVD/Blu-ray、アニメグッズ、ゲームなどをお得に購入する方法

    セブンネットショッピングでDVD/Blu-ray、アニメグッズ、ゲームなどが最大70%OFFの月末セールが開催!期間は2月24日~28日まで。


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

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


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

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


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

  • あわせて読みたい記事