機種変更アリ!ドコモから『648円以下』で販売されているiPhone、スマホ、タブレットまとめ

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

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

【一括0円+キャッシュバック】ソフトバンクのAndroidスマホ(Xperia XZ3、AQUOS R2など)を激安で購入する方法

携帯電話

MNPならソフトバンクのXperia XZ3とAQUOS R2が一括0円+1万円キャッシュバック!DIGNO JとAndroid ONE S5なら一括0円+3.5万円キャッシュバック!

【6ヵ月無料!!】auでスマホを購入してApple Musicを6ヵ月無料で利用する方法 – iPhone、Androidが対象!適用条件など

Apple Music

auが太っ腹なキャンペーンを開始。iPhoneでもAndroidでも対象機種購入でApple Musicが6ヵ月無料!

【7月1日まで】楽天Payの還元率を5%にアップする方法 – 第1弾キャンペーンの概要と参加条件、注意点など

キャンペーン

楽天カード支払いを設定すれば楽天ペイのコード支払いで還元率が5%にアップする!

【寄付受付中!!】ふるさと納税で『サーティワンアイスクリーム商品券(ギフト券)』+Amazonギフト券に寄付する方法

国や地方の制度

ふるさと納税の『サーティワンアイスクリーム商品券』が還元率30%で復活!有効期限は無期限で、おつりも貰える商品券です。

【2ヶ月無料】DAZN(ダゾーン)をお得に契約する方法

スポーツ

期間限定で2ヶ月無料!ハピタスで2,000円分還元!PayPalではクーポンを配布中。DAZNを契約するならこの方法がおすすめ!


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

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

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


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




新着記事

【5/19まで】ソフトバンクのXperia 1やAQUOS R3などのAndroidを購入して高額キャッシュバックをGETする方法

携帯電話

ソフトバンクのAndroidにお乗り換えすると高額キャッシュバックがもらえるぞ!2019年夏モデルの「Xperia 1」「AQUOS R3」もCB対象です。

【Android】Huluの動画視聴時に音声のみが再生される&開発者向けオプションが…という警告が表示された場合の対処方法

スマホアプリ

Android版のHuluで動画を再生すると音声しか流れない… 原因は「開発者向けオプション」

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

キャンペーン

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

【日曜日開催】ヤフオク!Sundayくじに参加しておトクに買い物する方法 – 日曜日になったらとりあえずクジだけ引いておけばラッキーあるかも

キャンペーン

最大で100%還元されるヤフオクの毎週日曜日恒例のくじ。とりあえず日曜日にくじだけ引いておくとラッキーあるかも


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【ドコモ】新プラン「ギガホ/ギガライト」と「docomo with」はどっちが安いか?をケース別に比較してみた – 毎月の料金をおトクにする方法

    結局、ドコモの新プランにするのとdocomo withにするのどっちが毎月の料金はおトクなの?をケース別に比較してみた


    LINEのトークルームやタイムライン、広告の『情報の提供』をオフにする方法 – LINEの情報収集は”いちおう”拒否できる

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


    【iPhone X】バッテリー持ちを劇的に向上させる方法 – 電池残量が少ない時の緊急モードとしても使えちゃう

    有機EL(OLED)ディスプレイの特性を利用して使用するバッテリーを節約!マジで長持ちするぞー


    【Twitter】『データセーブ』機能でデータ通信量を削減する方法&使えない場合の対処方法

    アプリにもTwitter Liteライクなモバイルネットワークデータ量を抑える「データセーブ」機能が登場!ギガが減らなくなる!


    【新規受付中止!!】ドコモ回線のiPhone、Androidスマホを月額280円(税込302円)で維持する方法 – docomo with×シンプルプラン

    もしかしたら廃止になるかも。。永年-1,500円/月で長く使えば使うほどおトクになるdocomo withの料金詳細です


    注目の記事をぜんぶ見る

  • 最新記事

    【5/19まで】ソフトバンクのXperia 1やAQUOS R3などのAndroidを購入して高額キャッシュバックをGETする方法

    ソフトバンクのAndroidにお乗り換えすると高額キャッシュバックがもらえるぞ!2019年夏モデルの「Xperia 1」「AQUOS R3」もCB対象です。


    【Android】Huluの動画視聴時に音声のみが再生される&開発者向けオプションが…という警告が表示された場合の対処方法

    Android版のHuluで動画を再生すると音声しか流れない… 原因は「開発者向けオプション」


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

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


    【日曜日開催】ヤフオク!Sundayくじに参加しておトクに買い物する方法 – 日曜日になったらとりあえずクジだけ引いておけばラッキーあるかも

    最大で100%還元されるヤフオクの毎週日曜日恒例のくじ。とりあえず日曜日にくじだけ引いておくとラッキーあるかも


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

  • usedoorをフォロー


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

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

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


    【投げ売り】機種変更も648円!ドコモ『V30+(L-01K)』を超おトクに購入する方法

    3月1日からドコモのV30+(L-01K)が激安価格に。オンラインショップなら機種変更でも実質648円と投げ売り!


    【激安すぎて怖い】iPhone、XPERIA、Galaxy用アクセサリが大量に108円~販売中。エレコム製品のスマホ関連アクセサリをおトクに購入する方法

    エレコムダイレクトショップの100円セールが安すぎて怖いレベル。。同じものでも家電量販店などで買うより絶対おトク


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

  • あわせて読みたい記事