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

関西アフィリエイターの会@2006夏♪参加レポート

初めて関西アフィリエイターの会のイベントに参加してきました! 見本市や勉強会ではなく、完全なオフ会

記事を読む

no image

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

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

記事を読む

Facebookでリンク挿入

Facebookで投稿やコメントに、名前やFBページ、イベントへのリンクを入れる方法

Facebookのコメント欄でよく見かける、「○○さんへ」というリンク。 これを入れると誰へ返信し

記事を読む

英語辞書Imagict

画像があるから覚えられる!英語辞書ツール「Imagict」

webで調べられる英語の辞書「Imagict」が面白い! 単語を調べると関連画像が出て来るので

記事を読む

Twitter画面のキャプチャ

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

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

記事を読む

no image

リンクシェア沖縄festaに参加&座談会列席♪

今日から(!!)、娘とふたりで沖縄へでかけます。 そのメインイベントが、7月7日に行われる沖縄アフィ

記事を読む

Twitterのフォロワー数グラフ

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

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

記事を読む

no image

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

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

記事を読む

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

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

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

記事を読む

Evernoteキャプチャ画像

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

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

記事を読む

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

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

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

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

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

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

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

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

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

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

→もっと見る

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

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

    プロフィール:Google+/Facebook

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

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