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

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

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

設置方法

[aside type=”warning”]※条件として、Facebookページの登録とFacebookページでのイベント登録が必要となります[/aside]

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

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

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

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

があります。[/col2] [/colwrap]

設定

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

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

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

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

④コード取得をクリック

▼こんな表示が現れます

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

設置場所

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

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

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

 

まとめ

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