Facebookページを他サイト上で埋め込み・連動が可能なことはご存知でしょうか。埋め込み自体は煩雑な手順を必要としませんが、いくつか注意すべき点があります。
今回は、初心者にも分かりやすいFacebookページの埋め込み方法をはじめ、注意点を解説します。その他、埋め込んだページが表示されないときの対策などもご紹介します。
目次
1.Facebookの埋め込み機能とメリット
Facebookの埋め込み機能の内容と、得られるメリットを解説します。
1-1 Facebookの埋め込み機能とは
Facebookの埋め込み機能とは、Facebook上の公開設定の投稿を、Facebook以外のサイトやブログに貼り付けられる機能です。(ビジネス)アカウントのFacebookページだけでなく、投稿記事も埋め込めます。
1-2 Facebookページを埋め込むメリット
外部サイトにFacebookページを埋め込むことで、メリットを得られます。特に影響が大きい2つに注目してみましょう。
1-2-1 Facebookページのアクセス数・いいね数の増加
閲覧者の多くは、Facebookユーザーや自身のFacebookのページに「いいね」を押します。「いいね!」の多さは、そのまま記事とPRの評価に繋がります。
外部サイトに埋め込めば、普段Facebookを使わないユーザーや、アカウントを持っていない層にアクセスしてもらえる機会が増えます。結果的に、アクセス数向上や、「いいね!」数の増加に繋がります。
1-2-2 ブログとして活用
自社サイトに記事やコラムを書きたい場合は、手軽に更新できるFacebook投稿を、ブログ機能として活用するのがおすすめです。
埋め込み機能を使わない場合は、サイトとFacebook用に2つの記事を書かなければなりません。しかし、埋め込み機能を使うと、投稿がブログ記事やコラムとして活用できます。
2.Facebookを埋め込む手順
ビジネスアカウントのFacebookページを、サイトに埋め込む方法と手順をご紹介します。
2-1 ①マイページURLの入力
まずは、埋め込みたい記事のURLを以下の手順で入力します。
1:Facebookの「ページプラグイン」*にアクセスする
2:「FacebookページのURL」に、埋め込みたい記事のURLを貼り付ける
「FacebookページのURL」以外にも、「タブ」「幅」「高さ」などの欄がありますが、入力せずとも構いません。
参考:*Meta for Developers「ページプラグイン」
2-2 ②埋め込みコードの取得
「FacebookページのURL」にURLをコピペすると、プレビュー画面が表示されます。URLが間違っていると何も表示されません。埋め込みたいページがきちんと表示されているか確認し、「コードを取得」をクリックします。
2-3 ③コードをコピーしWebサイトへ張り付ける
「コードを取得」をクリックすると「JavaScript SDK」と「IFrame」が表示されます。「IFrame」を選び、コピーしてください。
次に、取得したコードをサイトの表示させたい箇所に貼り付けます。コードを貼り付けるときは、ビジュアルモードではなく、HTMLモードの画面に貼り付けましょう。ビジュアルモードに貼り付けても、ページは反映されません。
3.Facebookを埋め込む際の注意点
Facebookを埋め込む際には、以下のことに注意してください。
3-1 Webサイトの表示スピードが落ちる
他のSNSを埋め込むケースも同様ですが、Webサイトの表示スピードが落ちる可能性があります。Google検索エンジンでは、サイトの読み込み速度も評価基準の1つとなっています。注意してください。
3-2 埋め込むサイズに限界がある
埋め込めるサイズには、制限があります。最低180px、最大500pxの間で調整可能です。高さは、最低70pxからです。500pxを超えるサイズには、対応していません。サイトデザインの際には、サイズにも注意しましょう。
3-3 Webサイト上での見え方を工夫する
埋め込まれた箇所が、どう見えるのか確認してから公開しましょう。表示設定が小さい場合は、文字量が多いと見づらくなってしまいます。投稿する際は、文字数や画像の使用などを工夫し、見やすいサイトを目指しましょう。
3-4 個人情報表示をオフにする
Facebookでは、「ページにいいねしたユーザー」が表示されます。ユーザーの中には、「いいね!」をしたことを知られたくない人もいるでしょう。個人情報が表示されないように、Facebookのアカウントで設定しておくのがおすすめです。
「いいね!」の公開範囲の設定には、「公開」「友達」「自分のみ」「カスタム」の4種類があり、デフォルトは「公開」になっています。「公開」の場合は、友達以外にも「いいね!」数が公開されるので、「自分のみ」に変更しておきましょう。
4.Facebookの埋め込みページが表示されないときの原因と対策
手順通りに専用コードを貼り付けたのに、埋め込みページが表示されないときは、以下の原因が考えられます。
4-1 URLが適切でない
ページのURLや、埋め込みたい記事を間違えている場合は、正しく表示されません。入力したURLが間違っていないか、記事を間違えていないかを確認してみましょう。
4-2 公開制限が設定されている
Facebookでは、公開範囲を指定可能です。「プライバシー設定とツール」画面で、コンテンツ閲覧権限が範囲制限されていないかをチェックしてみましょう。共有範囲は以下のとおりです。「公開」以外に設定されている場合は、「公開」に変更する必要があります。
5.まとめ
Web担当者は、サイトやSNSの更新など、やらなければならないことがたくさんあります。作業を効率化したいけど、サイトもSNSも充実させたい場合は、Facebookの埋め込み機能が便利です。
Facebookページを更新するだけで、サイトも充実します。今回は、Facebookの埋め込み手順や注意点を解説したので、自社サイトの充実化にご活用ください。
Facebook広告について詳しく知りたい方はこちら
![](https://gms-consulting.co.jp/wp-content/uploads/2023/01/マスクグループ-146.png)
私たちは現在の自分に甘んじず、チャレンジをすることで、お客様にプロとしての価値を提供いたします。常に知識・技術をアップデートし、お客様の成長に貢献してまいります。
この記事のURLをコピーする
- おすすめの記事 -
![【初心者向け】Facebook広告で実績を出すためのポイントを徹底解説!](https://gms-consulting.co.jp/wp-content/uploads/2023/01/pixta_69964647_M-1024x786.jpg)
【初心者向け】Facebook広告で実績を出すためのポイントを徹底解説!
Facebook広告は、豊富な掲載媒体や高いターゲティング精度などの理由から、費用対効果が高く、多くの実績を作っています。しかしその配信設定の幅は広く、目的に合った設定でないと広...
Facebook広告は、豊富な掲載媒体や高いターゲティング精度などの理由から、...
- 運用
2023.1.16
![【カンタン集客】無料でできるFacebookイベントページとは?作成方法や集客のコツまで徹底解説!](https://gms-consulting.co.jp/wp-content/uploads/2022/10/pixta_68763598_M-1024x684.jpg)
【カンタン集客】無料でできるFacebookイベントページとは?作成方法や集客のコツまで徹底解説!
自社イベントを開催する際に、ウェブサイト、ブログ、SNSなどで周知するケースは多いでしょう。今回はそのなかでも、Facebookのイベントページを利用した方法を解説します。イ...
自社イベントを開催する際に、ウェブサイト、ブログ、SNSなどで周知するケー...
2022.11.24
![Facebookの「宣伝」とは?Facebook広告との違いや利用方法、その効果を徹底解説!](https://gms-consulting.co.jp/wp-content/uploads/2023/01/pixta_65744560_M-1024x819.jpg)
Facebookの「宣伝」とは?Facebook広告との違いや利用方法、その効果を徹底解説!
Facebook「投稿を宣伝」ってなに?
「投稿を宣伝」は、いいね!してくれたユーザーのニュースフィードの投稿表示確率を、高められる有料サービスです。
Facebook「投稿を宣伝」ってなに?
「投稿を宣伝」は、いいね!... 2024.9.3
![【2024年最新】Facebook広告で利用可能な支払い方法|タイミングや設定方法・請求書のダウンロードまで解説](https://gms-consulting.co.jp/wp-content/uploads/2022/10/pixta_68763598_M-1024x684.jpg)
【2024年最新】Facebook広告で利用可能な支払い方法|タイミングや設定方法・請求書のダウンロードまで解説
Facebook広告の広告料金の支払いに利用可能な決済方法
広告料金が請求されるタイミング
広告料金の支払いに失敗した時の対処法
上記はFacebook...
Facebook広告の広告料金の支払いに利用可能な決済方法
広告料金が請...
2023.1.12
![Facebook フォロワーとは?友達・フォロワー・いいねとの違いや管理方法を徹底解説!](https://gms-consulting.co.jp/wp-content/uploads/2023/01/pixta_48163815_M-1024x756.jpg)
Facebook フォロワーとは?友達・フォロワー・いいねとの違いや管理方法を徹底解説!
Facebook フォロワーとは? Facebookの「フォロワー」とは、自分をフォローしている人です。 フォローは個人やFacebookページに対してでき、フォローす...
Facebook フォロワーとは? Facebookの「フォロワー」...
2024.9.3
人気記事一覧
1位
![](https://gms-consulting.co.jp/wp-content/uploads/2023/09/Facebook広告-79-300x158.png)
Facebookで2つ以上の複数アカウントは作れる?作成・切り替え・削除する方法【注意点など合わせて解説!】
Facebookで2つ以上の複数アカウントは作成可能?ー複数アカウントを作る際...
2024.9.03
2位
![](https://gms-consulting.co.jp/wp-content/uploads/2023/09/Facebook広告-47-300x158.png)
【使い方がわからないFacebook初心者の方必見!】使いこなすための基礎用語を分かりやすく解説!
Facebookを始めてみたものの、いまいち使い方や基礎用語が理解できていない...
2024.9.03
3位
![](https://gms-consulting.co.jp/wp-content/uploads/2023/09/Facebook広告-2024-04-30T115432.699-300x158.png)
Facebookの始め方〜初級編!登録方法・アカウント作成方法を分かりやすく徹底解説!
Facebookの始め方-Facebookとは? Facebookは...
2024.9.03