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

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

投稿者プロフィール

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

[ 最近の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サイト制作チーム & セッションスピーカー

TOEIC
2016年03月13日 LR 235 (Listening 180 Reading 55)
2018年04月08日 LR 300 (Listening 180 Reading 120)
Post Views: 1,845
Facebook