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

  • 著者 魚住諒
  • カテゴリー WordPress
  • カテゴリー 考え事

こんにちは！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が表示されます。これを、

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

ロゴを用意する

Facebookブランドリソースセンター – アセットおよびブランドガイドライン
これらのガイドラインには、Facebookのブランドアセットを使用し、Facebookコンテンツを公開する場合の一般的なルールが記載されています。マーケティングにおけるFaceboo…
ja.facebookbrand.com

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アプリに飛ぶからです。

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

投稿者プロフィール

魚住諒
魚住諒CEO
統合失調症の認知機能障害に悩んでる。
愛知産業大学短期大学通信教育学部国際コミュニケーション学科卒業（英語）
2016年セブ島へ1ヶ月語学留学してきた。
WordPress/PHP/HTML/CSS を習得中
英語とプラグインやテーマを開発できる人になるよう日々研鑽
ジャズトランペットとガジェット関連が好きです。
WordPressとES6関連を勉強してます。

Mac/iPadPro9.7/iPhone7 Plus/iPhone SE/Apple Watch/AirPods 2/pebble/XperiaZ1/Zenfone 2/Kindle Paperwhite (第1世代)

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

[ 最近のWordPressコミュニティでの活動 ]
contents.nagoya 2019 オープンセッションスピーカー
WordCamp Haneda 2019 – START！セッションスピーカー
Aichi WordPress Meetup #9「WordPress用のレンタルサーバーの選び方 /Emmetツールの実演」
WordBench Nagoya 6月度 (初心者向け)「PHP入門からテーマ作成さらにWordPressを使う上で知っておくと幸せになることまでとことん知ろう！
Aichi WordPress Meetup #5「カスタムブロックを活用してみよう！」
2017 WordFesNagoya 実行委員 Webサイト制作チーム & セッションスピーカー
2016 WordFesNagoya 実行委員 Webサイト制作チーム & セッションスピーカー
Facebook