★ Let's become a Web Designer! 【プロフィール】 【商品一覧】 【よくある質問】 【あなたのお手伝い】
 

Facebookの埋め込み

 
ホーム はじめに 講座の効果 作成実績 受講者の声 パーツ集 ホームページ基礎講座 スマホサイト講座 よく使う用語集
 
 
 
 
 
  トップページ > ホームページ作成で使えるテクニック
 

Facebook の画面をホームページに埋め込む方法

Facebook の画面をホームページ上に表示する方法をお伝えします。

まず、Facebook(フェイスブック)とは、インターネット上で、友人や知人と情報を共有することができるサービスのことですよね。

Facebook で友人や知人とつながること(フォローすること)で、日記などの情報を、共有することができます。

Facebook は、SNSの中で最も利用者が多くて、全世界で数億人の人が利用しています。ただ、日本では、最近利用者が少なくなっている気がしますが、ホームページ上にFacebookの画面を表示させておけば、Facebookを更新するだけで、ホームページにも反映されるため、便利ですよ


そして、Facebook は、誰でも簡単に文章を書くことができるため、ホームページが更新できない人は、自分のFacebook のページをホームページに表示させておくことも、1つの方法です。

具体的には、ホームページを、ホームページ作成業者に作ってもらった場合です。

もし、自分でホームページの更新ができない場合は、自分のFacebook のページを、ホームページに表示させておけば良いですよね。 こうすることで、定休日やお知らせなどの情報を、簡単に更新することができます。

このような有効な使い方があるので、ぜひ参考にしてくださいね。




Facebookの画面をホームページに埋め込む方法の手順

 
手順1:下記のサイトにアクセスする。

https://developers.facebook.com/docs/plugins/page-plugin

ちょっと難しそうなサイトですが、拒否反応が出ないように注意してください。



手順2:「FacebookページのURL」の個所に、
ホームページ上に表示させたい FacebookページのURLを入力。




なお、私であれば、https://www.facebook.com/webmessage.company/ が、私のFacebookページのURLになります。(このようなURLをコピペで貼り付けて、下にある「コードを取得」のボタンをクリックする)



手順3:「IFrame」のタブをクリックしてから、ソースをコピーして、
ホームページに貼り付ける。




「IFrame」のタブをクリックすると、ソースが表示されるので、そのソースをコピーして、ホームページ上に貼り付けましょう。

なお、貼り付ける場所は、「Facebookを表示させたい箇所」に貼り付けるようにしてください。



手順4:ホームページ上に、Facebookが表示されることを確認する。

下記のように、ホームページ上にFacebookが表示されたら、作業は完了です。


 

ホームページに、Facebook が表示されない場合は!?

 

ホームページ上に、Facebookの画面を表示できるのは、「Facebookページのみ」です。 「個人ページ」については表示できないので、ご認識ください。

ちなみに、「Facebookページ」と「個人ページ」の違いですが、まず、「Facebookページ」は本名以外で登録ができるページのことで、会社名や商品名などでページを作ることができます。

そして、「Facebookページ」は、検索エンジンの検索対象になること(外部に公開されること)が大きな特徴です。


一方、「個人ページ」については、本名でのみ登録することができるページのことで、Facebook の中だけで情報が公開されています。

つまり、「個人ページ」は、検索エンジンの検索対象にはならない(外部には公開されない)ということですね。


この「Facebookページ」と「個人ページ」は、見た目がよく似ているのですが、役割が違いますし、Facebook には大きく分けて、この2種類のページがあります。

ここでお伝えした、「Facebook の画面をホームページ上に表示する方法」は、外部に公開される「Facebookページのみ」になるので、ご認識くださいね。


多くの人が使っている、自分の本名で登録しているFacebook(個人ページ)は、ホームページ上に表示できないので、ここだけは注意してください!

(上記で入力した、https://www.facebook.com/webmessage.company/ は、「Facebookページ」です)




ちょっとしたカスタマイズ方法

 

表示されるFacebook の画面の「横幅」と「縦幅」を変更したい場合は、https://developers.facebook.com/docs/plugins/page-plugin のサイトで、「幅」と「高さ」に、それぞれ数字を入力します。

具体的には、下記のように入力すれば、横幅は「200」、縦幅は「500」になりますよ。



あとは、「コードを取得」のボタンをクリックして、「IFrame」のタブをクリックして、表示されたソースを、ホームページに貼り付けるだけです。


【注意】

「自分で更新できる最短ホームページテンプレート」 をお使いの場合で、サイドバーにFacebookの画面を表示させたい場合は、side.htmlファイルにソースを貼り付けてください。

ただ、side.htmlファイルに、表示の長いコンテンツを入れると、サイドバーが途中で切れてしまいます。 その場合は、サイドバーに掲載した情報が途中で消えてしまったときの対処方法のページを実施してみてください。

この対処を行うことで、サイドバーが途中で切れることなく、コンテンツが表示されるようになります。



「ホームページ作成サービス」で役立つ!

 

他の人にホームページを作って提供した場合、そのホームページの更新は、「ホームページを作成した人だけ」しか、基本的には更新できませんよね?

でも、お客さんから、「自分でホームページに定休日やお知らせなどを掲載する方法はありますか?」という要望(質問)をもらう場合があります。

そのようなときは、「ホームページ上にFacebookを表示させることもできますよ!Facebookに書き込みをすれば、それがホームページ上に表示されます」と伝えてあげるようにしましょう!

お客さんは、ホームページの作り方は分かりませんが、Facebook に書き込むことはできるからです。

ここでお伝えした、「Facebook の画面をホームページ上に表示する方法」は、ホームページ作成サービスのときに役立つので、ぜひ知っておいてくださいね!



やり方が分からない場合は?

もし、やり方が分からなかったり、うまく行かなかった場合は、下記ページからお問い合わせください。


「こういうことを実現したい!」や「こんなことで困っている…」などを含めて、当サイトの運営者が、直接サポートさせていただきますね。





【よく読まれている関連記事】


【おすすめ外部コンテンツ】
 
会員制サイドビジネス講座
 
私がお金を稼ぐ理由 ~ お金を持ったときのメリット ~
 
インターネットで月20万円の収入を継続して稼ぐ方法
 
初心者用ホームページテンプレート
 

インターネットビジネスのすごさを認識してください
 
無料ホームページ制作講座の受講者の声
 
動画で覚える無料FX講座
 
ホームページが作れる能力は、最高の能力
 



当サイトで使用しているサンプルサイトを無料でダウンロード!

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ。

⇒ 当サイトで使用しているサンプルサイトの無料ダウンロードはこちら



AIやChatGPTを使ってインターネットビジネスを行う講座

これからはAIの時代になります。 私も、AIを使って文章や画像やホームページを作っています。 私が実際に行っているやり方を、分かりやすく解説した講座が、下記の講座です。

⇒ 「AI」や「ChatGPT」を活用してビジネスを行う講座はこちら



 
 
今スタートできるサンプル
サイトを無料ダウンロード
 
サンプルサイトの無料ダウンロード
 
サイドビジネス講座
 
会員制サイドビジネス講座
 
初心者がホームページを自分で作れる能力を身につけて、 そのホームページをビジネスに活用する方法をお伝えする、会員制のサイドビジネス講座です。

この講座は、初心者がインターネットで収入を得られるようになることを目的として、運営しています。
 
 
HPテンプレート
 
自分で更新できる最短ホームページテンプレート
 
初心者が、簡単にホームページを作るための「ホームページテンプレート」です。

テンプレートと、たくさんのパーツ集をコピーして貼り付けるだけで、ホームページが完成する仕組みになっています。

さらに、テンプレートの使い方はすべて動画で解説しています。
 
基礎講座と用語集
 無料ホームページ作り方 ホームページ基礎講座
 無料ホームページ作り方 スマホサイト作成講座
 無料ホームページ作り方 HPでよく使う用語集
 無料ホームページ作り方 HTMLタグの書き方
 無料ホームページ作り方 スタイルシートの書き方
 
ホームページ作成ソフト
 
レンタルサーバ
 
ワードプレス
 
ChatGPTの使い方
 
インターネット副業
 
サイドビジネス・副業の始め方
 
初心者が、インターネットを使ったサイドビジネスで、自宅にいながら収入を得る方法を、すべて動画でお伝えするサイトです。

また、仕事ができるようになるノウハウや、「最高の成長法」などもお伝えしています。
 
 
リンク
 
会社概要
 
特定商取引に基づく表記
 
個人情報保護ポリシー
 
お問い合わせ先
 
 
NPO法人の推薦状
 
NPO法人の推薦状

 
当サイトは、NPO法人「起業とキャリア支援センター」様からの推薦を受けて、運営しています。
 
トップページプロフィール特定商取引法取り扱い商品よくある質問あなたのお手伝いお問い合わせ
 
 
Copyright © 動画で覚える無料ホームページ制作講座 All rights reserved.
 
by おすすめ副業ランキングサイト
^