Webサイト作り

FacebookのイベントをWordPressのウェブサイトに埋め込む方法

はじめに

Facebookページでイベントを開催していて、且つWordpressのウェブサイトを持っている方なら、なんとかウェブサイトでFacebookイベントを表示したいと思うのではないでしょうか。

それができれば、いちいちウェブサイト側で告知などしないで、Facebookだけで一元管理できますし楽ですよね。

実は、ほぼコピペだけで上記は実装可能です。つまりはFacebookでイベントを立ち上げると自動的にウェブサイト側に反映して表示することができます。

それでは、やり方について説明いたします。

手順概要

手順ですがこの動画の通りです。説明がすべて英語で分かりにくいと思うので、手順を箇条書きします。

  1. Facebookデベロッパーページ(プラグイン)にアクセス
  2. イベントページの取得の設定を行う
  3. 1つ目のコードをwordpress外観のbody直下に張り付け
  4. 2つ目のコードを、実際に表示したい場所に張り付け

1. Facebookデベロッパーページ(プラグイン)にアクセス

こちらのURLにアクセスしてください。

https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP

2.イベントページ取得の設定を行う

添付の画像の①~④を実行してコードを表示してください。

①FacebookページのURLを入れる

②events と入力

③テキトーに選択(色々試してください)

④コード取得をクリック

3. 1つ目のコードをwordpress外観のbody直下に張り付け

Step1を実施。モザイク部分のコードを概観のbody直下に張り付けてください。

4. 2つ目のコードを、実際に表示したい場所に張り付け

Step2を実施。モザイク部分のコードを実際にイベントを表示したい場所に張り付け。

完成したページがこちらです。

 

-Webサイト作り

© 2020 English コーチン 名古屋で英会話 Powered by AFFINGER5