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で送る

▼このブログの番外編や更新情報はFBページで▼

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

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

次の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アナリティクス(アクセス解析)を見る方法と解析されている内容

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

記事を読む

Facebookでリンク挿入

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

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

記事を読む

Twitter記念日

Twitter記念日のメールが届いた!&始めた日の調べ方

Twitterから、「Twitterを始めてから○年が経ちました」というメールが来るのをご存知でした

記事を読む

Google+のプロフィール画面

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

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

記事を読む

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

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

〔送〕マイミクに年賀状「mixi年賀状サービス」の仕組みと価格

色々なところで出会って、マイミクだけど住所など個人情報は知らない・・・。 という友達にも年賀状を気

記事を読む

和歌山港の夕陽

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

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

記事を読む

パティスリー・シュシュのケーキ食べ放題
ダイワロイネットホテル和歌山で初のスイーツバイキング!

ダイワロイネットホテル和歌山3階のレストラン「サンクシェール」で、初の

ジママヤベーカリー
ドーシェルで修行した職人さんが有田川町で独立!ジママヤベーカリー

先日イベント「マルシェドプティパ」に出店されていたジママヤベーカリー(

ドトールでWi-Fi
ドトールにも無料Wi-Fiあるよ!速くて快適 *使い方*

スターバックスやタリーズと同じように、ドトールにも無料で使えるWi-F

IMG_8173
台北でおいしい朝ごはん 「世紀豆漿」@雙連駅

台北で朝ごはんに出かけた雙連駅近くの「世紀豆漿」(以前の看板では「世紀

17195659_1049110965194886_1255099240_o
シェアキッチンPLUGが「本屋プラグ」へリニューアル!その全貌とランチ

和歌山市万町のPLUGですが、3月8日にリニューアルオープン。

→もっと見る

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

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

    プロフィール:Google+/Facebook

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

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