Facebookページもブログもしている人必見!FBの投稿をブログに埋め込む方法

公開日: : 最終更新日:2014/09/14 ウェブサービス 著者:>>emi mantani

自分が管理しているFacebookページの投稿で残しておきたいものやブログ/ウェブサイトでシェアしたいものがあったとき、または好きなカフェ・レストランのイベント情報などをみていて、その投稿を自分のブログに載せたいと思ったときにすごく便利な方法があるのでご紹介します。

Facebookページとウェブサイト

Facebookページも、ウェブサイトもブログも、、と運営をされている方にはとても便利な機能だと思います。
Facebookにもともと備わっている機能なので、誰でも簡単にできます!

Facebookページの投稿→ブログ/ウェブサイト

ほんとにFacebookに最初からついている機能なので、誰でもできます。
数クリックで出来て、なかなか便利な機能です。

例えば・・・先日のWordBench和歌山の様子
先日私が参加したWordBench和歌山の開催中の様子が、コワーキングスペース コンセントのFacebookページに投稿されていました。
その投稿を、このブログに引っ張ってきてみるとします。

1.引っ張ってきたいFacebookページの投稿を見つけます

全体に公開になっている投稿なら引っ張ってこれます。
(個人の投稿でも「公開」設定の場合は外部に埋め込めることになるので、もし気になる方はご自身の設定がどうなっているか確認されるのがよいかと思います。)

Facebookページの投稿

どの投稿でも、右上にマウスを持っていくと、矢印が出ます。
この矢印をクリックすると、「外部へ埋め込む」という選択項目が出てきます。

Facebookページの投稿

「外部へ埋め込む」をクリックすると、ウインドウがもう1つ出てきます。

Facebookページの投稿

いちばん上の部分にHTMLコードが書かれているのですが、これをマルッと全てコピーして、ブログやウェブサイトの管理画面に張れば、この投稿が綺麗に埋まるのです。

↓↓こんな感じです♪

投稿が埋まるだけではなく、そのまま「いいね!」もできますし、「シェア」「コメント」ができます。
コピーするだけなので、とても簡単ですし、「Width (px):」というところの数字を変えれば幅も変わります。

↓↓幅を250pxにした場合。細くなりました。数字を小さくすると細くなり、大きくすると広くなります。

写真などをFacebookページに投稿したものをブログやウェブサイトで使いたい時などにもこの方法を使えば簡単です。
(ちょっと別ページでの例になりますが)スマホやタブレットからもちゃんと見えています♪

Facebookページの投稿をスマホから

HTMLタグなどがわからなくても、全てコピーで完了します。
なかなかキレイな状態で埋め込めますし、そのまま「いいね!」ができるのが読んでいる人にも便利なのでは、と思っています。

簡単なので「どうやるのか忘れちゃった!」もないと思います^^
FBページとブログの連携など色々と工夫されていると思いますが、この機能もぜひ。周りの方にも教えていただけたら、皆便利になるかもと思います。

Facebookページ作成で人気&オススメ書籍はこちら

Bookmark this on Google Bookmarks
Pocket
LINEで送る

ブログへのご訪問ありがとうございます! このブログを書いているのは和歌山在住のライター&ブロガー万谷絵美(オレンジスカイ)です。記事のシェア、コメント、とても嬉しいです。ご質問やご相談もお待ちしています。わかる範囲内であればコメント欄でお答えしています^^

コメントを残していただけると、大変うれしいです!

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

花画像『 Facebookページもブログもしている人必見!FBの投稿をブログに埋め込む方法』と合わせてこちらもどうぞ

no image

映画を見る前に!1200円で観られる割引クーポン

ワーナーマイカルのモバイルサイトに、映画が1,200円で観られる割引クーポンがあります。 モバイルク

記事を読む

伝わるデザインキャプチャ画像

パワーポイント作成に悩むとき、見るとヒントになるウェブサイト3選

パワーポイント(プレゼン)の資料を作成する途中で、どういう風にデザインするか、スライドにまとめていく

記事を読む

和歌山港の夕陽

タイ人のツーリストが和歌山をどう見ている?Pantipでチェック

タイ在住のタイ人の方々がクチコミを書いているサイト「Pantip」があります。 日本では検索の

記事を読む

Facebookのカスタムリスト機能

Facebookで読みたいページ・人だけをまとめて読む方法

Facebookページでお店の情報などが更新されることが多くなってきました。 「友達」も数が多

記事を読む

ブロガーミートアップ

【参加します】第26回東京ブロガーミートアップ

2015年1月14日(水)に東京・渋谷で開催される第26回東京ブロガーミートアップに参加します。

記事を読む

Twitterのフォロワー数グラフ

Twitterアナリティクス(アクセス解析)を見る方法と解析されている内容

Twitterのアクセス解析サービスが本日(8月28日)スタートしました。 今までもサービスとして

記事を読む

no image

関西アフィリエイターの会「夏オフ」開催決定!

私もスタッフの一人としてここ数回参加させていただいている「関西アフィリエイターの会」の次回イベントが

記事を読む

Google+のプロフィール画面

Google+に「寄稿先」リンクを追加して、著者としての記録を残す方法

ブログなど自分が書いた記事を投稿しているサイトがあれば、Google+にそのウェブサイトを「寄稿先」

記事を読む

ブロガーミートアップ

東京ブロガーミートアップに初参加しました@第26回

ブロガーの自主的なコミュニティ、東京ブロガーミートアップに初めて参加しました。 もう第26回と

記事を読む

no image

関西アフィリエイターの会、夏オフ2007へ参加してきました!

7月28日に大阪ミナミで開催された、関西アフィリエイターの会夏オフにでかけてきました! ス

記事を読む

手毬ソフト
和歌山城天守閣前のお天守茶屋でご当地スイーツ「手毬ソフト」

和歌山城天守閣前にある売店が2018年4月にリニューアルして、食事をし

夜市
ガイドブックに載っていない台湾グルメ、ぜひ食べてほしいもの(夜市、朝ごはん、スイーツ網羅)

2018年3月、昨年に続いて台湾へいきましたが、今年の4月には娘も台湾

龍門客棧餃子館
[台湾旅行]台北美食、龍門客棧餃子館でディナー

2018年も台湾・台北に行ってきました。 ローカルな食事を中心に、こ

TestiMoneのパスタ
【和歌山・有田レストランレポ】みかん街道沿い「テスティモーネ」は絶景イタリアン

海も山も見渡せる絶景イタリアンレストラン「テスティモーネ(TestiM

グッドラックコーヒーの店内
【和歌山カフェレポ】インスタで人気「グッドラックコーヒー」@和歌山市黒田

和歌山市黒田のレストラン「バベーネ」がカフェにリニューアルしたのが5月

→もっと見る

  • オレンジスカイご訪問ありがとうございます!このブログは和歌山在住の地方ブロガーが「いろんなことを応援したい」精神で様々なものをレポートしている地域密着型ブログです。管理人は和歌山市在住、30代、女性ブロガーです。
    メール、コメントなどとても嬉しいので、ブログへの感想・疑問、相談など何でも気軽にお寄せください。嬉しいです。

    和歌山経済新聞の記者活動にも有志として参加しています。

    プロフィール:Google+/Facebook

  • ロコンド 靴とファッションの通販サイト

    レビューポータル「MONO-PORTAL」
PAGE TOP ↑