facebookページのタブにブログを追加(SSL対応サイトのみ可能)

  • ブックマーク
  • Feedly

SSLのサイトだとfacebookのタブにブログを埋め込み表示できる

SSLサイト(https://)の場合は、facebookページのタブに追加して表示することができます。ものくろぼっくすのfacebookページのBlogタブをクリックすると、実際の埋め込みした表示を確認できます。

facebookアプリのダッシュボードの手順

全体の手順としては、facebookのページを作り、facebookアプリのapp IDを取得している前提の場合は、次のようになります。

facebookアプリのダッシュボードにて、「Setting」を開き「Basic」の画面下にある「Add Platform」をクリックします。

スクリーンショット 2016-03-22 0.19.48

これですね。

スクリーンショット 2016-03-22 0.19.55

「Page Tab」を選びます。

スクリーンショット 2016-03-22 0.20.00

増えた入力項目の「Secure Page Tab URL」に埋め込みたいサイト・ブログのURLを入力します。(SSL対応URLのみ)

スクリーンショット 2016-03-22 0.20.11

「Page Tab Name」にタブのラベル(表示名)を入力します。

「Page Tab Edit URL」は空欄のままでOKです。

手入力でfacebookページとアプリを紐づける

次に、下のコードに「app ID」と「サイトURL」を入力した上で、ブラウザーのURLに入力して、アクセスします。

https://www.facebook.com/dialog/pagetab?app_id=アプリID &display=popup&next= URL

どのfacebookページと紐付けるか?尋ねられるので、選びます。

スクリーンショット 2016-03-22 0.24.28

これで、facebookページに行くと、タブに項目が増えています。タブの表示順を調整して完成です。

参考記事

[amazonjs asin=”4798133701″ locale=”JP” title=”Facebookマーケティング [ビジテク] 価値ある「いいね!」を集める心得と手法 価値ある「いいね!」を集める心得と手法”]

[amazonjs asin=”4798142603″ locale=”JP” title=”Facebook広告運用ガイド ダイレクトマーケティングに生かす売上直結の活用術”]

  • ブックマーク
  • Feedly

この記事を書いた人

ものくろ(Webコーチ)

フリーランスのブロガー・Web&Blogコーチ。個人・法人様を問わず、情報発信をコンサルティングとサポートしています。( 活動実績はこちら

親指シフトのorzレイアウト開発者でもあり、日本語入力のエキスパート。

ブログは月間65万PVを記録(2016年1月)したことも。200回を超えるワークショップ開催・のべ1,000名のブログサポートに携わっています。

WordPressが得意です。WordPressコミュニティのイベントにも参加しております。お会いした時はよろしくお願いします。

東京 秋葉原に拠点と住民票がありますが、大阪や名古屋を中心に、日本を移動しながら仕事をしつつ暮らしています。

この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

今日のピックアップ記事はこちら