「iPhone SE(第3世代)」のスペック、価格&割引などキャンペーンまとめ - キャリア版、SIMフリー版をおトクに購入する方法

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

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

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

携帯電話

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

【機種変更でも激安!!】ワイモバイル『アウトレットセール』でおトクにスマホを購入する方法 – 在庫限りの格安Android多数!現在販売中の端末まとめ

セール

多数の激安Androidスマホが登場しているワイモバイルのアウトレットセールで現在販売中の端末まとめ&アウトレット商品ってどうなの?

【6月版】ahamoを通常よりもおトクに契約する方法 – 開催中のキャンペーンまとめ。10,000dポイント還元&限定特典、大盛りオプションなど

携帯電話

ahamo契約でdポイントがもらえるキャンペーンなどをまとめてみました。ドコモSIM経由のちょっと裏技っぽい契約も

【紹介コードあり!!】増額中!メルカリ/メルペイに招待コードを適用して1,000ポイントをゲットする方法 – 6月30日までポイント倍増!

スマホアプリ

メルカリ・メルペイを始めるなら最初に招待コードの登録がおトク!今なら必ずメルカリやメルペイの買い物時に利用できるポイントがもらえる!


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

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

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


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


同じカテゴリの記事

【PayPay】チャット機能の使い方 – ペイペイがLINEのトーク感覚で使える!メッセージ付きで残高を送ったり、請求ができる。お祝いなどにも最適

スマホアプリ

PayPayにチャット機能が登場。メッセージのやり取りだけでもOK!メッセージを添えて送金や請求をするなど使い道はいろいろ


新着記事

【日曜日】Yahoo!ショッピング、PayPayモール、LOHACOでおトクにお買い物する方法 – 誰でも+5%、ソフトバンクユーザーは+10%還元!

キャンペーン

Yahoo!ショッピングやPayPayモール、LOHACOで買い物するなら日曜日!最大20.5%相当戻ってくる!ソフトバンクスマホユーザー以外も対象に

【6月22日~27日】激安商品も!『エディオン スペシャルセール』でおトクに買い物する方法 – 楽天市場店の不定期開催セールにログインする手順(旧:闇市)

セール

エディオン楽天市場店で不定期開催される『スペシャルセール(旧:エディオン闇市)』には価格.com最安値クラスの商品が登場することも!

【激安・特価情報】Amazonや楽天市場などで商品を激安でゲットする方法

セール

Amazonや楽天市場、Yahoo!ショッピング、PayPayモール、au PAY マーケットなど様々なオンラインショップで見つけた激安・特価情報

【PS5予約・抽選・在庫・入荷情報あり】「PlayStation 5 / Digital Edition」を予約・購入する方法

PlayStation

品薄となっているPlayStation 5の在庫や抽選販売情報をまとめています!PS5通常版は54,978円(税込)、ドライブレスのデジタル版は43,978円(税込)!

【6月22日~27日】楽天市場『お買い物マラソン』でおトクに買い物する方法&クーポンをゲットする方法 – 買い回りでポイントアップの手順、注意点やコツなど

ショッピング

楽天市場の買いまわりポイントアップの祭典『お買い物マラソン』に参加してみた。最大付与ポイントをゲットするまでの手順を紹介


≫ 新着記事をもっと見る

usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える。ahamoもOK!

    ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!


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

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


    吉野家で使えるクーポン&キャッシュレス決済まとめ。クレジットカードやタッチ決済、〇〇Payでおトクに支払いする方法 – サラダ&みそ汁無料などもアリ

    現金払いは絶対損!元からコスパのいい吉野家の牛丼や定食をさらにおトクに頼むことができる支払い方法やクーポンなどをまとめました


    【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる

    メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう


    注目の記事をぜんぶ見る

  • 最新記事

    【日曜日】Yahoo!ショッピング、PayPayモール、LOHACOでおトクにお買い物する方法 – 誰でも+5%、ソフトバンクユーザーは+10%還元!

    Yahoo!ショッピングやPayPayモール、LOHACOで買い物するなら日曜日!最大20.5%相当戻ってくる!ソフトバンクスマホユーザー以外も対象に


    【6月22日~27日】激安商品も!『エディオン スペシャルセール』でおトクに買い物する方法 – 楽天市場店の不定期開催セールにログインする手順(旧:闇市)

    エディオン楽天市場店で不定期開催される『スペシャルセール(旧:エディオン闇市)』には価格.com最安値クラスの商品が登場することも!


    【激安・特価情報】Amazonや楽天市場などで商品を激安でゲットする方法

    Amazonや楽天市場、Yahoo!ショッピング、PayPayモール、au PAY マーケットなど様々なオンラインショップで見つけた激安・特価情報


    【PS5予約・抽選・在庫・入荷情報あり】「PlayStation 5 / Digital Edition」を予約・購入する方法

    品薄となっているPlayStation 5の在庫や抽選販売情報をまとめています!PS5通常版は54,978円(税込)、ドライブレスのデジタル版は43,978円(税込)!


    【6月22日~27日】楽天市場『お買い物マラソン』でおトクに買い物する方法&クーポンをゲットする方法 – 買い回りでポイントアップの手順、注意点やコツなど

    楽天市場の買いまわりポイントアップの祭典『お買い物マラソン』に参加してみた。最大付与ポイントをゲットするまでの手順を紹介


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

  • usedoorをフォロー


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

    楽天モバイルでほぼ無料で販売中のiPhone、Androidスマホ、Wi-Fiルーターまとめ – UN-LIMIT契約で激安で購入する方法。実質0円多数!一括1円も

    楽天モバイルはSIMだけ契約してSIMフリースマホで使えばOK!でもやっぱり正式対応しているスマホが欲しいという人へ


    【オススメは?】eSIMに対応しているキャリア・格安SIMまとめ&比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法

    eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう


    【6月版】dカード&dカード GOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数!おトクな入会キャンペーン特典増額中!

    10%還元で噂のdカード GOLDと通常dカードの還元率、メリット、デメリット、比較、疑問を徹底まとめ!自分も実際にdカード GOLD使っています!


    【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – Galaxy S21、Xperia 1 IIが対象。割引併用で最大44,000円オフ!適用条件まとめ

    ドコモオンラインショップが6月17日より新たな割引「オンラインショップおトク割」をスタート!5G WELCOME割併用で対象スマホが大幅割引に!


    【紹介コードあり!!】「みんなの銀行」をアプリで口座開設して現金1,000円をゲットする方法

    紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金1,000円が貰える「お友だち紹介プログラム」キャンペーン開催中!


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

  • あわせて読みたい記事