[WordPress]ブログ内にFacebookのタイムラインを埋め込む方法

自分のブログを見に来て欲しいって思いますよね。

ブログ記事の発信をSNSで手動でやっていくことは、けっこう地道だなと思いつつも、なんかうまいこと行かないものかとネットで調べていたら、Facebookのタイムラインをブログに載せる方法を見つけましたのでシェアします。

認知獲得に有効

Webサイト×SNSの掛け合わせで、Webサイトの画面にSNSのタイムラインを埋め込むことで、Webサイトに訪問者にSNSの存在を知ってもらうことができ、フォロワー獲得につなげられる可能性が高まります。

FacebookページのURLをコピーする

Facebookのタイムラインを表示したいアカウントのホーム画面のURLをコピーします。

Facebookページプラグインにアクセスする

Facebookページプラグインにアクセスします。

先ほどFacebookページのURLをコピーしたものを、以下画像の赤枠「FacebookページのURL」に貼り付けます

URLを貼り付けると以下のように、プレビューが表示されます。

プレビューを確認してOKならば、コード取得をクリックします。

コードを取得をクリックしたら、「IFrame」をクリックしてコードをコピーします。

ブログにアクセスする

ブログ内のタイムラインを表示させたい場所にコードを貼り付けをします。

例えば、ウィジェットを使ってサイドバーに入れてみます。

ダッシュボード→外観→ウィジェットをクリックする。

テキストを選択し、サイドバーをクリックしウィジェットを追加をクリックします。

タイトルにFacebookのタイムラインと入力し、テキストに先ほどのコードを貼り付け、保存をクリックします。

実際にFacebookのタイムラインを貼り付けてみた

このようにブログ内にFacebookのタイムラインが見られるようになりました。

こうやって時系例で投稿されたものが見れると便利ですね。

皆さんも試しにやってみてはいかがでしょうか?

注意点

①webサイトの表示スピードが下がる可能性があります。

②Facebookの更新が滞ると、古い情報のままになってしまう。

注意点についても考慮しながら、必要に応じて活用するのが良いでしょう。

最後まで見ていただきありがとうございました。

WEB関係のことってわかりにくかったりしますよね。もしかしたら、あなたも「やってみたいけど不安」「自分にできるかな?」と感じているかもしれません。 そんな時は、以下のお悩み相談窓口(初回30分無料) をぜひご利用ください!! 小さな疑問や不安でも大丈夫!あなたのペースで一歩を踏み出すお手伝いをします。

   

初心者向け!Wordpress個別相談!ブログ制作の無料お悩み相談窓口

~無料メルマガのご案内~

お悩み相談に申し込むのはちょっとまだいいかなと思われた方へ。まずは無料メルマガを読んでみませんか?

一歩踏み出したいあなたへ!パソコン・ブログ応援する無料メルマガ、配信中!

煩わしい手続きは必要ありません。メールアドレスを登録するだけです!

無料メルマガ登録はこちらから!

メルマガの詳細はこちらをクリック

 

人生を楽しく生きる為のパソコン講座
無料メルマガ登録フォーム
 

ココナラに初出品!!個別相談では、あなたのペースで無理なくパソコンスキルアップのお手伝いをします。

初心者向けWordpressのお悩み相談受付けます 1ヶ月質問し放題とビデオチャット30分オンライン個別講座

《新着記事》

Thumbnail of new posts 152

: ブログの作り方

やってみてわかった!!Facebookイベントページで「興味あり」ボタンが押せないトラブル解決の記録

Facebookでイベントページを作成した際、「興味あり」ボタンが押せないという ...
Thumbnail of new posts 190

: マイスピー

誰でも簡単にLPが作れる!MyASP(マイスピー)のフォームを使ったシンプルな方法!

ネットサーフィンしていて、あれっ!これって自分でも作れるかもって思うことがありま ...
Thumbnail of new posts 011

: ワードプレス

[WordPress]プラグインBeaver Builderのエラー対策(Cocoonの場合)

Wordpressのサイトで、LP(ランディングページ)を簡単につくりたいって思 ...
Thumbnail of new posts 180

: ワードプレス

「このブログ記事だけ見せたくない!」そんな時どうする?簡単な方法をご紹介!

ブログ記事を公開したいけれど、ちょっと困ってます。 今回の記事は、すべての人にで ...
Thumbnail of new posts 126

: ワードプレス

[対処方法]ヘッダー画像がスマホだと画像が切れてしまう!

こんなことありませんか? パソコンではヘッダー画像が上手く全部表示されているんだ ...

ワードプレス

Posted by Thank you