【高額キャッシュバック】ソフトバンクのiPhone XS / XS 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ページよりご連絡ください。

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

ドコモの『子育て応援プログラム』でAmazonでの買い物の還元率を+5倍(合計10%還元)にする方法

キャンペーン

ドコモ子育てキャンペーンに入っている人が条件を満たせば、Amazonでの買い物が10%還元に!

LINE Payでコンビニなどのリアル店舗でQR/バーコード支払いする方法 – 実際の支払いはこうやる!ついにセブンイレブンでも使える

LINE

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

【最大+7%還元】『dポイント スーパー還元プログラム』でおトクにd払い&iDで支払いする方法 – ドコモユーザー以外もOK!

ポイント

6月10日から始まる「dポイント スーパー還元プログラム」参加しておいて損はなし。要エントリーなのでご注意を

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

携帯電話

ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!

Amazon Music Unlimitedを90日間無料で利用する方法 – 通常の30日から90日に延長!非プライム会員も対象

キャンペーン

Amazonの音楽聞き放題サービス「Music Unlimited」が90日間も無料で体験できちゃう!


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

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

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


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




同じカテゴリの記事

【20%OFF&2,020円OFFクーポン】ソフトバンクセレクションのクーポンをゲットする方法

キャンペーン

20%OFF&500円OFF&2,020円OFFになるクーポンが配布中!クーポンを使えばお得に買えるぞ!

【アメックス】Amazonで10%キャッシュバック! – Amazonでおトクにお買い物する方法

キャンペーン

先着20,000名限定!Amazonでアメックスのビジネス・カードを利用するとその都度10%キャッシュバック!


新着記事

【1月版】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでコンビニなどのお店、タクシーなどでもっとおトクに買い物する方法

キャンペーン

月替わりで開催されるPayPayのおトクなキャンペーン「ワクワクペイペイ」参加条件や今月対象のお店は?

「転生したらスライムだった件」のTカードを予約・ゲットする方法

ポイントカード

TVアニメ2期も制作決定した「転生したらスライムだった件(転スラ)」のTカードが登場!

【iPhone】LINEをアップデートしたらアプリ一覧から消えてなくなった時の対処方法 – LINEの利用推奨年齢が引き上げられた&アプリの年齢制限が原因かも

LINE

LINEをアップデートしたらiPhone内のアプリ一覧から消えた… その原因は利用推奨年齢の引き上げとスクリーンタイムでの利用制限かも

【値下げ!!】「Xperia 8」の価格や予約・発売日、スペックまとめ – au・UQモバイル・ワイモバイルでおトクに予約・購入する方法

Androidスマホ

auオンラインショップで「Xperia 8 SOV42」に機種変更すると機種代金が11,000円割引!一括38,680円で買えます。

LINE無料「着せかえ」まとめ – 現在ダウンロードできる無料&隠し&ディズニーテーマをダウンロードする方法

LINE

LINEスタンプショップ、ストアのイベントで無料でダウンロードできる&隠し着せかえ(テーマ)をまとめています。ただし…


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【ポケモンGO】『GOスナップショット』の使い方 – 好きなポケモンと一緒に写真を撮ったり、いろんな角度から眺めたり、遊んだりできちゃう!

    ついにARを使ってポケモンを色んな角度から見ることができる「GOスナップショット」が登場!めっちゃ楽しい


    【LINE】自分が操作しているスマホの画面をリアルタイム共有する方法 – スマホやアプリの操作方法等を簡単にシェア!

    LINEを通して両親や友だちなどにスマホやアプリの操作方法などを教える、紹介する時にマジ便利!


    【重い…】iPhoneの動作を軽くする(体感速度を上げる)方法まとめ – 特に旧iPhoneなどにオススメ

    iPhone 6 Plus×iOS 11がやっぱり重く感じる。。そんな時はこの設定をできるところまでやってみて


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

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


    注目の記事をぜんぶ見る

  • 最新記事

    【1月版】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでコンビニなどのお店、タクシーなどでもっとおトクに買い物する方法

    月替わりで開催されるPayPayのおトクなキャンペーン「ワクワクペイペイ」参加条件や今月対象のお店は?


    「転生したらスライムだった件」のTカードを予約・ゲットする方法

    TVアニメ2期も制作決定した「転生したらスライムだった件(転スラ)」のTカードが登場!


    【iPhone】LINEをアップデートしたらアプリ一覧から消えてなくなった時の対処方法 – LINEの利用推奨年齢が引き上げられた&アプリの年齢制限が原因かも

    LINEをアップデートしたらiPhone内のアプリ一覧から消えた… その原因は利用推奨年齢の引き上げとスクリーンタイムでの利用制限かも


    【値下げ!!】「Xperia 8」の価格や予約・発売日、スペックまとめ – au・UQモバイル・ワイモバイルでおトクに予約・購入する方法

    auオンラインショップで「Xperia 8 SOV42」に機種変更すると機種代金が11,000円割引!一括38,680円で買えます。


    LINE無料「着せかえ」まとめ – 現在ダウンロードできる無料&隠し&ディズニーテーマをダウンロードする方法

    LINEスタンプショップ、ストアのイベントで無料でダウンロードできる&隠し着せかえ(テーマ)をまとめています。ただし…


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

  • usedoorをフォロー


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

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

    ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!


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

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


    【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは?

    超簡単に参加できるクジ。当たればラッキー!dアカウント+ポイントカード持っている人は是非


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

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


    【1月版】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでコンビニなどのお店、タクシーなどでもっとおトクに買い物する方法

    月替わりで開催されるPayPayのおトクなキャンペーン「ワクワクペイペイ」参加条件や今月対象のお店は?


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

  • あわせて読みたい記事