サイトに Facebook プライベートページ(個人ページ)をスマホアプリへ飛ぶようにリンクを貼る方法

こんにちは!ryorasppです。

ブログやサイトにこのようなリンクやバナーを貼りたいと思ったことはありませんか?

Facebookアプリ用リンクの見本

何とこちらが、スマホからですと、ただSafariなどのブラウザで開くだけではなく、Facebook アプリに飛びます!

それでは、こちらのリンクやバナーの貼り方を解説します!



貼り方

<a href=”fb://profile/個人のID”>任意</a>

たったこれだけです!

これだけで、スマホから見ている人は、 Facebook のアプリに飛ばされるようになります!

しかし、問題は、個人のIDを変更した人は元のURLがIDだった頃なんて覚えてないのがほとんどであったり、Web サイト制作では、他人のURLを知りたいときがあります。

そんな時の対処法を教えます!

個人のIDを調べる

https://findmyfbid.com/

こちらの「Find your Facebook ID」という、Web サービスを使います。

個人のFacebookページのURLを入力して、

「Find numeric ID →」

を押すだけです。

そうすると、

IDが表示されます。これを、

下のリンクを貼るで使います。

ロゴを用意する

https://ja.facebookbrand.com/assets/facebook%E3%82%82%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF?audience=landing

リンクを貼る

<a href=“fb://profile/ここにIDを入力”><img class=”” src=“画像URL” alt=“任意” width=“任意” height=“任意” /></a>

最後に

このステップを踏むことで、Web サイト やアプリを作る人には絶好のリンクを作ることができます。

何しろ、直接Facebookアプリに飛ぶからです。

この記事のここがわからない!ってことがありましたが、コメントいただけると幸いです。

投稿者プロフィール

ryoraspp
ryorasppWordPress コントリビュート
統合失調症の認知機能障害に悩んでる。
愛知産業大学短期大学通信教育学部国際コミュニケーション学科卒業(英語)
2016年セブ島へ1ヶ月語学留学してきた。
ジャズトランペットとガジェット関連が好きです。
WordPressとES6関連を勉強してます。

Mac/iPadPro9.7/iPhone7 Plus/Apple Watch/pebble/XperiaZ1/Kindle Paperwhite (第1世代)

TOEIC
2016年03月13日 LR 235 (Listening 180 Reading 55)
2018年04月08日 LR 300 (Listening 180 Reading 120)

[ 最近のWordPressコミュニティでの活動 ]
WordCamp Haneda 2019 – START!セッションスピーカー
2017 WordFesNagoya 実行委員 Webサイト制作チーム & セッションスピーカー
2016 WordFesNagoya 実行委員 Webサイト制作チーム & セッションスピーカー