フリーランスの道具箱

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

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ページに行くと、タブに項目が増えています。タブの表示順を調整して完成です。

参考記事


この記事を書いた人 :

profile2016autumn

ブロガー・Web&Blogコーチ・親指シフトユーザー・orzレイアウト考案者。WordPressが得意。HTML・CSS・PHPも熟知し広範囲の知識を持つ。

誰でもインターネットを活用できる時代だから、頭でモヤモヤしている「こんなのを実現したいなぁ」を引き出して形にし実現させるお手伝い、そして、インターネットを上手に使えるようにサポートするのが得意です。

iPhoneやAndroidなどのガジェット、デジタルだけでなく文房具などのアナログなツールも大好きです。写真や旅を楽しむこと、おいしいお食事、楽しい・ワクワクすることが大好きです。

Twitterやfacebookでも情報発信中、よろしければフォローしてください。



Instagram
follow us in feedly

ご依頼・講座開催情報はこちら

ブログ・情報発信でお困りごと、モヤモヤ、解決。あなたのステップアップをサポートしています。

広告

情報発信コンサルティング・コーチ

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。
・Webを活用して本気でビジネス・人生を切り開きたい方
・Webのテクニカルな改善でお悩みの方
・アイディアはあるのに、記事の文章にするのがうまくいかない方
・親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みもダイレクトにアドバイス。ブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

お申し込みは
お問い合わせフォーム
からお願いします。

うまく表示されない時は
こちらをご覧下さい。

お申し込みは
お問い合わせフォーム
からお願いします。

こちらの記事も役立ちます