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

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

この記事の目次非表示

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

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

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

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

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

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

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

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

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

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

Facebook アプリでリンクを開く

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" 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/138395736224317" href="https://www.facebook.com/bowz.info">Facebook</a>
</body>
</html>