スマホ用ページから、Facebook ページへのリンクで詰んだ…orz

スマホ用ページから、Facebook ページへのリンクを設定した時の挙動がおかしくて詰みました…。

この記事の目次非表示

スマホ用ページに設置した、Likebox のリンクをクリックした時の挙動
スマホ用ページに設置した、テキストリンクをクリックした時の挙動
Facebook アプリでリンクを開く
参考にさせてもらったページ

スマホ用ページに設置した、Likebox のリンクをクリックした時の挙動

▲ Likebox のリンクをクリックする。

▲ PC 版の Facebook ページが開く。

欠点：ログインせずにページが開くのは良いのだけれど、スマホ版ページを表示して欲しい。

スマホ用ページに設置した、テキストリンクをクリックした時の挙動

▲ テキストリンクをクリックする。

▲ ログイン画面が表示される。

▲ ログインすると、スマホ版の Facebook ページが開く。

欠点：ログインするのが面倒くさい。

Facebook アプリでリンクを開く

Facebook アプリをインストールしていたら、アプリで開くような挙動にしたくて、下記の参考ページを見ながら、コードを試してみた。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(function(){ $('a.applink').click(function() { try { window.open($(this).attr('data-url'),'') } catch(e){ window.open($(this).attr('href'),'') } return false; });
});
</script>
</head>
<body>
<a class="applink" data-url="fb://profile/XXXXXXXXXXXXXXX" href="https://www.facebook.com/XXXXXXXX">Facebook</a>
</body>
</html>

どこかでコードを間違えたのか、うまく動かない。詰んだ…orz