
Facebook(フェイスブック)の投稿をWebサイトに埋め込む方法
「自分のWebサイトにFacebookのページを記載したい」と思ったことはありませんか?インターネットを検索してみると、ブログのプロフィール部分に自身のFacebookページを載せているのを度々見かけることでしょう。

SNSマーケティングツールの資料をダウンロードしてみる
再現性のあるTwitter運用を可能とするSNSマーケティングツールの資料を無料でダウンロードできます。
「埋め込みには、なにか専門的な知識がいるのでは……」と思っている方もおられるでしょうがそうではありません。
この記事では、
- Facebookの投稿をWebサイトに埋め込む手順
- FacebookページをWebサイトに埋め込む手順
の2つを紹介します。
Facebookの投稿をWebサイトに埋め込む手順
まずは、Facebookの投稿をWebサイトに埋め込む手順を紹介します。難しいと思われがちな埋め込みですが、専用のコードを取得し、Webサイトに貼り付けることで対応可能です。

プログラミング不要、非エンジニアでも利用できるチャットボットツールの資料をダウンロード
ITツールに不慣れな方や非エンジニアでも利用できる国産初のチャットボットツール。LINEやFacebook Messengerを使ったマーケティングで多数実績を持っています。
Facebookから埋め込みコードを取得
まずはFacebookにログインし、Webサイトに埋め込みたい投稿を表示します。右上をみると、「…」このようなアイコンがあるので、そちらをクリックします。
クリックすると、「リンクを保存」という表示の下に「埋め込み」という項目が表示されるので、そちらをクリックしてください。
そのあと、「このコードをコピーして、ウェブサイトに貼り付けてください」と表示されるので、すぐ下にあるコードをコピーしましょう。次の「埋め込みコードをHTMLに貼り付け」で使います。
埋め込みコードをHTMLに貼り付け
上記でコピーした埋め込みコードをWebサイトのHTMLに貼り付けましょう。
おそらく、Facebookの投稿はWebサイトの記事コンテンツに入れることが多いはず。Facebookの投稿を挿入したい箇所にコピーしたコードを貼り付けます。
この時に注意してほしいことは、ビジュアル画面で貼り付けをしないということです。
WordPressを使っている方は特に注意して欲しいのですが、文章の装飾がリアルタイムでできるビジュアルエディターと、コードを入力するコードエディターがあります。
埋め込みコードはHTMLコードなので、ビジュアルエディターで貼り付けしてもWebサイトに反映することはありません。必ず、コードエディターに貼り付けるようにしましょう。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- インターネット
- インターネットとは、通信プロトコル(規約、手順)TCP/IPを用いて、全世界のネットワークを相互につなぎ、世界中の無数のコンピュータが接続した巨大なコンピュータネットワークです。インターネットの起源は、米国防総省が始めた分散型コンピュータネットワークの研究プロジェクトARPAnetです。現在、インターネット上で様々なサービスが利用できます。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
関連ツール・サービス
おすすめ記事
おすすめエントリー
カテゴリから記事をさがす
Web マーケティング
- SEO(検索エンジン最適化)
- SNSマーケティング
- アプリマーケティング
- Web広告
- グロースハック
- ABテスト・EFO・CRO
- LP制作・LPO
- CMS・Webサイト制作
- 記事制作・ライティング
- コンテンツマーケティング
- メール配信・メールマーケティング
- マーケティングオートメーション(MA)
- リードジェネレーション(見込み顧客獲得)
- カスタマーサポート・カスタマーサクセス
- アクセス解析・広告効果測定
- データ分析
- リサーチ・市場調査
- 口コミ分析・ソーシャルリスニング
- O2O(Online to Offline)
- EC・通販・ネットショップ
- 多言語・翻訳
- 動画・映像制作
- AR・VR制作
- 統計データ
- マーケティングお役立ちレポート
- 連載
- チャットボット
- Web会議
- 動画マーケティング