Page Pluginに新機能追加されてた！

2016/7/12 Facebook

Facebookページをご自分のウェブサイトに表示させるFacebookのプラグイン『Page Plugin』に
いつの間にか新機能「tabs」が追加されてました！

Facebookプラグイン『Page Plugin』って？

ご自分のFacebookページをウェブサイトに表示させる為のプラグインで
https://developers.facebook.com/docs/plugins/page-plugin
のページで設定していけば簡単に設置用のコードを取得できるっていう便利な機能。
その設置コードをご自分のサイトのソースにコピー＆ペーストすると
samplae_pageplugin
な感じに表示されます。

どんな機能が追加されたの？

今まではFacebookページに投稿したものだけが表示されてました。
そのPage Pluginに機能追加がされています。

pageplugin1

上の写真の赤枠部分の設定項目が追加になり

設定する値 表示される内容
timeline タイムライン
events イベントのみ
messages Facebookページへのメッセージ入力フォーム

とFacebookページのタイムライン・イベント・メッセージの三種類が表示可能に！
もちろん、3種類とも表示させる事が可能で
pageplugin6

と「Tabs」に「timeline,events,messages」と入力すれば
pageplugin6

と3種類のタブが表示される形になります。
また既に設定しているコードに

■タイムラインのみ

data-tabs=”timeline”

■イベントのみ

data-tabs=”events”

■メッセージ

data-tabs=”messages”

■タイムライン・イベント・メッセージの全種類

data-tabs=”timeline,events,messages”

のどれかを

<div class=”fb-page” data-href=”https://www.facebook.com/nakaji.web.atelier/” data-tabs=”timeline,events,messages” data-width=”500″ data-height=”700″ data-small-header=”true” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”false”><div class=”fb-xfbml-parse-ignore”><blockquote cite=”https://www.facebook.com/nakaji.web.atelier/”><a href=”https://www.facebook.com/nakaji.web.atelier/”>なかじウェブ工房</a></blockquote></div></div>

の様に追加する方法でも可能です。

ご自分のウェブサイトへ

  • タイムライン
  • イベント
  • メッセージ入力フォーム

の１～3種類を表示させたいと言う方は、コードを再取得＆再設定を！

 

The following two tabs change content below.
Twitter のプロフィールFacebook のプロフィール

中治 愛美

代表 ： なかじウエブ工房
1981年2月生まれ。兵庫県朝来市で生まれ育つ。高校卒業後上京し、東京電子専門学校へ進学。2001年から東京都内のソフトウェアハウスでプログラマとして勤務後、2005年5月、朝来市にUターンし兵庫県豊岡市のウェブ制作会社でウェブプログラマとして勤務を経て、2015年3月より「なかじウェブ工房」設立し、システム開発、ウェブ制作、Jimdoでの制作サポートを行ってます。 2016年からJimdoEvangelist。 また、2010年より、兵庫県朝来市の情報発信を行うグループ「朝ツイ」の代表としても活動中。