サイトマップ

ホームページやブログにFacebookのPagePluginを設置する方法

会員ログイン 新規会員登録Q&Aサイトマップ
検索
ログイン

ホームページやブログにFacebookのPage Pluginを設置する方法

ホームページ

2015.12.25

コメント（0）

お気に入りに追加

★0

ホームページやブログにFacebookのPage Pluginを設置する方法
関連キーワード： ホームページ　自分で更新
SNSの中でも特にビジネスとして活用されているFacebook。 会社や個人でFacebookページを立ち上げている方も多いのではないでしょうか。 この記事では、ホームページやブログにFacebookのPage Pluginを設置する方法をご紹介します。

そもそもPage Pluginってなに？

Page Plugin（ページプラグイン）とは、
あなたのFacebookページのパーツをホームページやブログに簡単に埋め込むことのできるツールです。

 

これをホームページなどに埋め込むことで、自分のホームページにやってきた閲覧者は、サイトから離れことなく、そのホームページの中でFacebookページに「いいね」をしたり、「シェア」をしたりできます。


その他にも、「いいね！」した友達の顔写真が一覧で見れたり、Facebookページに投稿した内容をホームページの中にいながら見ることができます。

page plugin

Page Pluginを設置する方法

Page Pluginを設置する方法を紹介します。

 

まずはPage Pluginを作成するためのページにアクセスします。

 

作成画面

ここで下記の項目を入力します。

 

①Facebook Page URL
FacebookページのURLを入力します。

 

②Tabs
このTabsに設定できる値は、以下の3つにです。


●timeline(初期値)
Facebookページのタイムラインが表示されます。

 

●messages
メッセージの入力欄が表示がされ、Facebookページに対してメッセージが送信できるようになります。


●events
Facebookページに登録されている開催予定のイベントが一覧形式で表示されます。


③Width
設置するパーツの幅です。ピクセル単位で指定します。

 

④Height
設置するパーツの高さです。ピクセル単位で指定します。

 

上記を入力したら[Get Code]ボタンをクリックします。
次のようなコードが表示されます。

コード

1のコードは、サイト内のbodyタグ内に一度だけ貼り付けます。


そして、2のコードはPage Pluginを導入したい場所に貼り付けます。

 

貼り付け終わったら早速ホームページで見た目のチェックをしてみましょう。

 

最後に、
つい最近PagePluginのページを見てみたら、入力項目の②Tabsが追加されていました。
これによって以前まではFacebookのタイムラインを表示させるまででしたが、イベント表示をすることができるようになっていました。

 

期日を過ぎたイベントは自動で非表示にされたりと、簡単に管理できる仕様になっているようなので、Facebookでイベントを案内している方には便利ですね^^

お気に入りに追加

mie

WEBデザインを学びに専門学校に入り、WEB制作会社でマーケティングを学ぶ。

このカテゴリ注目のキーワード

SEO対策 CVRアップ ブランディング 制作業者　選び方 名誉毀損 通販　売上げアップ ホームページ　自分で更新 CMS導入 集客数アップ ダメサイト　処方箋 スモールビジネス サロン系 個人事業主 無料

あなたにおススメの記事

この記事へのコメント

コメント（0）

※利用規約に違反するコメントを確認された場合はご報告ください

ログインしてコメントを書く
まだコメントはありません。

このカテゴリの新着記事

今すぐどうにかしたい方へおススメ
パソコンが重すぎて仕事にならない今すぐ何とかしたい！誹謗中傷検索順位がズドンと落ちた！
アクセス数ランキング
  • ALL
  • PCトラブル
  • ネットトラブル
  • パソコンスキル
  • ホームページ
コメント数ランキング
  • ALL
  • PCトラブル
  • ネットトラブル
  • パソコンスキル
  • ホームページ
注目のキーワード ネット炎上 ネットトラブル 突然落ちる PC高速化 データ復元 セキュリティ対策 ウィンドウズ10
注目のキーワードをもっと見る
パソコントラブル解決マルウェア対策ネットトラブル解決誹謗中傷対策パソコンのスキルアップ楽しみ方・活用法ホームページWEB活用ノウハウ
pagetop