発見!Facebookイベントを一覧で表示する方法

自身のFacebookページで、イベントをよく登録(される)方必見です!!

こんな感じでブログやホームページに貼ることができます!!

参考事例:夢実現化コーチ小笠原 由貴さんのアメブロ

設置方法

※条件として、Facebookページの登録とFacebookページでのイベント登録が必要となります

まずはこちらを▼クリック

Facebookのページプラグインのページとなります。

▼開くとこんな感じで表示されるかと思います

項目として、
・FacebookページのURL
・タブ
・幅
・高さ

があります。

設定

①FacebookページのURLを入れる

デフォルトで入っている場合もありますが、複数管理している方は設置したいFacebookページのURLを入れてください

②タブに events と入れる
デフォルトはtimelineが入っています

③幅、高さは入力しなくても良いです
但し、ブログのサイドバーなどに貼る場合は幅のサイズを決めてください

※その他の設定をもし、したい場合はご自身で設定してください

④コード取得をクリック

▼こんな表示が現れます

赤枠のコードを設置したいHTMLコードが貼れるところにコピペすると表示されるようになります

設置場所

・WordPressの場合はウィジェットのテキストや記事のテキスト内

・アメブロの場合はフリースペース、フリープラグイン、ブログを書くのHTML表示内
参考事例:夢実現化コーチ小笠原 由貴さんのアメブロ

Re-cafeあべのさんのイベント一覧はこんな感じ▼

 

まとめ

今回はイベント一覧のやり方を解説しましたが、タイムラインでの表示が一般的かと思います。その場合は設定のタブのところはデフォルトのままでOKです。こうやって一覧がスクロールして見れるのはごちゃごちゃ書かなくても良くなるし、イベント一覧の修正もブログ内では行わなくて済むメリットがあります。

宜しければ、Facebookページに『いいね!』をお願いします


20170926 大阪・梅田
自分の魅力を発信しよう!コラボ朝食会

~スターバックスコーヒー 桜橋プラザビル店~

ABOUTこの記事をかいた人

流れ構築プロデューサー岩本あきら

起業家、サロン経営者、人気カウンセラー、セラピスト、飲食店などにブログ、SNSを使ったマーケティング、コンサルティングを行っています。WEBサイトの制作、WEBツールの活用でサポートを行っています。