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の投稿をブログに埋め込む方法』と合わせてこちらもどうぞ

Twitter画面のキャプチャ

Twitter、FBのハッシュタグの使い方、便利に使う方法

周知の事実かもしれませんが、今回イベント用にハッシュタグを作ることになり、改めて調べてみました。

記事を読む

no image

アクセストレード「EC展示会」に行ってきました2006

2回目になる、アフィリエイトASP主催のイベントに参加してきました! 子連れで出かけたので、体力的に

記事を読む

no image

やっといただいた名刺整理♪

今までにたくさんの方に実際にお会いして、いただいてきた名刺。 やっと整理することができました。

記事を読む

Google+のプロフィール画面

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

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

記事を読む

和歌山港の夕陽

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

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

記事を読む

Evernoteキャプチャ画像

Evernoteでノートを固定!よく見るノートを先頭に置いておく方法

Evernoteはブラウザやアプリから使えるノートツールです。 オンラインノートとして、メモや情報

記事を読む

ツイッター140文字が世界を変える

〔本〕Twitterの楽しみ方がわかった「ツイッター140文字が世界を変える」

好きなときに好きな140文字以内の文章を、ネット上に"つぶやいて"いくサービス「Twitter」。

記事を読む

画像加工サービスpixlrのキャプチャ画像

ブラウザ上で使える!Photoshopのような無料の画像加工ツール【Pixlr】

インストールするソフトではなく、ブラウザ上で使える画像編集ツール「PIXLR」がとても便利です。

記事を読む

バリューポイントクラブのキャプチャ画面

個人でも企業でも。消耗品や出張旅費を手軽に節約する方法

お友達の会社で、アスクルで消耗品を購入したりレンタカーをウェブ予約したりするのを見ていて、少額ですが

記事を読む

ブロガーミートアップ

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

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

記事を読む

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

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

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

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

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

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

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

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

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

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

→もっと見る

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

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

    プロフィール:Google+/Facebook

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

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