LINEのアプリ連携

以前は、パソコンからだとLINEページが表示されるだけの意味のないボタンだったので、パソコンからでもシェアできるようにそのような仕様にしました。
これを何とかするには、現状sns-buttons-default.php、sns-buttons-balloon.php、sns-buttons-icon.phpのLINEの部分をアプリが開くようなURLに変更するしかないのかもしれません。

ただ、スマホからだとアプリから開いたほうが利便性が高いので、スマホ表示だとアプリが開くように実装をちょっと考えてみたいと思います。

とりあえず、実装してみました。
スマホとタブレットでアプリが開くように変更していました。
お言葉に甘えて、動作確認用のファイルもアップさせていただきました。
https://wp-simplicity.com/wp-content/uploads/2017/04/simplicity2-7.zip
当サイトの記事下のシェアボタンでも、動作確認できます。

Wordpressテーマ側から、LINEアプリのインストールは、取得できないので、「今回のようにモバイルではアプリのみで開く」か「PCモバイルにかかわらずWEBで開くか」のどちらかになると思います。
基本的に、スマホ環境でLINE を使ってないのに「LINEでシェア」はしないと思うので、アプリで開くので問題ないかと思っています。
スマホでインストールしていない場合は、LINEのダウンロードページが開くので、そのままダウンロードしてインストールすればよいのではないかなと。

Twitterは、パソコンでもモバイルでも、WEBで開くのが今のディファクトスタンダードとなっているので、今のところ変更はしないと思います。
あと、スマホ環境で、Twitterシェアをしたときに、アプリで開く方法を僕は今のところ知らないです。
Twitterのシェアを公式アプリで開く挙動をするサイトがあるのでしたら、参考までに教えていただければ幸いです。

現仕様
1.端末AにLINEをインストール&アカを取得
2.端末BからWEBを閲覧、シェアをする>シェアできた!!
結果:どの端末からもシェアできる!!

正直、端末Aと端末Bと2台持っていて、わざわざLINEが入っていない端末Bからシェアする人がどれだけの割合いるか、ということだと思います。
僕は、それほど多くないのかなと思っています。そこまで機会損失なのかなと。
逆に、端末Aからシェアしようと思っても、「WEBからログインする必要があるのか。アプリじゃないならやめとこ」という機会損失もあるかもしれません（というかアプリにログインしてたら、WEBでも最初からログイン情報が入力されるのでしょうか？ここら辺は、普段あまり使う機能ではないので試したことがないです）。
それに、僕はスマホをほとんど利用しないので詳しくないのですか、端末Aと端末Bとで、パスワードを手軽に共有できるような機能などもあるのでしょうか？
無い場合は、以下のようにいかずに、

端末BからWEBを閲覧、シェアをする>シェアできた!!

以下のようになる可能性もあるかもしれません。

端末BからWEBを閲覧、ログイン情報入力が面倒くさいからやめておこう

別端末でも、手軽にアカウント情報が共有できて入力できるなら、WEBでシェアするのもそこまで大変でもなさそうだけど。

ただ、ここら辺は、僕はスマホでのユーザー行動について、そこまで詳しいわけでないので、よくわからない部分でもあります。いろいろな、スマホユーザーの意見を聞いてみないと何とも言えない部分なのかも。

何か、「LINEシェアに関するユーザー行動の客観的なデータ」でもあれば、最も機会損失が少なそうな実装をとりますが。ちょっと調べた限りではなさそう。

jsなら取れそうですけどね

参考ページとかありますか？

今のURLでもアプリで開きます

それだったら、今のところ変更する必要はなさそうですね。
iPhoneは、持ってないしエミュレーターもないので、Twitterシェア動作部分の仕様は全然わからないし。

#51944
書いてるうちに書き込みが。
ちょっと調べてみます。

今は、こんなURLリンクなんですけど、
https://twitter.com/share?text=Simplicity%E3%81%AE%E7%89%B9%E5%BE%B4&url=https%3A%2F%2Fwp-simplicity.com%2F&related=MrYhira

これだったら、iPhoneのChromeで開けば、ツイッター公式アプリで開くということで良いのでしょうか？
https://twitter.com/intent/tweet?text=Simplicity%E3%81%AE%E7%89%B9%E5%BE%B4&url=https%3A%2F%2Fwp-simplicity.com%2F&related=MrYhira
どちらも方法も、WEBなら問題なさそう。Androidでもアプリで開くのかな？
ちょっと今日は遅いので、Androidエミュレーターでは、明日試します。

今公式のツイートボタンのリンクURLを見てみたら、「https://twitter.com/intent/tweet」を利用しているので、こっちに変更した方が良いのかも。
https://about.twitter.com/ja/resources/buttons#tweet

#51949
#51950
ええっ！ますますよくわからなくなった…。
ちなみに、このサイトのツイートボタンのURLを「https://twitter.com/intent/tweet」に変更してみました。
ちょっと試してみていただけると助かります。

それと、試しに以下の2つだとどうでしょうか？
①//twitter.com/share
②//twitter.com/intent/tweet

あと、makisushiさんには、LINEボタンが「WEBで開くと何がだめ」で「アプリで開けると何が良いか」も参考までに教えていただければ幸いです。

#51951
とりあえず、今回実装した仕様で時間はバージョンアップしようかなと思っています。
以前は、アプリで開く方法が他サイトでもよく使われていて、現在も結構使われているようですし。
何か不都合があれば、フォーラムに書き込みもあるかなと。
ただ、ここら辺は、どちらも一長一短なので今後も検討の余地はあると思います（仕様を戻す可能性もあります。というか現在もどちらにするか迷ってます）。

インストールを判別する方法は、「実装の面倒くささに対して、それに対して得られる効果」がそこまで大きくなさそうなので、今のところはやらないかと思います。

３つともアプリは立ち上がりません。

だとしたら原因は、URLスキーム（https:）を抜いていることなのかもしれません。
https:を付加したものに当サイトのボタンを変えてみました。
これでうまくいかなかった、原因はよくわからないです。

あと、いろいろ考えた結果、LINEシェアボタンは、パソコンモバイルとも、従来通り一旦WEBで開く動作に戻そうと思います。
1番の理由は、LINEの公式ボタンがそういった仕様だからです。
https://media.line.me/ja/how_to_install#lineitbutton
ここら辺は、公式の仕様に準拠したいと思います。

とりあえず、#51936でアップしたファイルは、関数のオーバーライドが出来るようにはしてあるので、トピック冒頭のような動作にするのであれば、以下のように子テーマをfunctions.phpに貼り付けてください。

function get_line_share_url(){
  if (wp_is_mobile()) {
    return '//line.me/R/msg/text/?'.get_the_title().'%0D%0A'.get_permalink();
  } else {
    return '//lineit.line.me/share/ui?url='.get_the_permalink();
  }
}

デフォルト機能としないで、個人で対応できるようにするだけにとどめたいと思います。

LINEをアプリ以外で使っている人がそんなにいるとは思えないのが最大の理由です。

とりあえず、僕のテスト環境では、WEBでログインすると、アプリが立ち上がるんですけど、iPhoneだとアプリが起動しないのでしょうか？

なので、個人的な印象ですが、パソコンではLINEボタンは表示されない以前の設定の方がスマートな気がしています。

それだと、バイラル表示などにしたときに、パソコンとモバイルで、シェアボタンの数がそろわず、双方数をそろえたい場合は、歯が欠けたようになって、ちょっと気持ち悪い感じになります。

返信遅れて申しわけないです。
ご確認ありがとうございます！

LINEをインストールしていない端末の場合は
LINEのログインページが表示されますがログイン後
Playストアが開きました

インストールされていない場合は、WEBでシェアするんじゃなくて、Playストアが開くんですね。LINEにしたら、インストールしろってことなんですかね。

やはり同じ挙動で、ボタンではアプリは立ち上がりません。不思議ですね。

何でだろう…。完全にURLスキームが問題だと思っていたので、完全に訳がわからなくなりました^^;
今後も、探ってみたいと思います。ただ、Safariはいずれにせよできないのかもしれません。

iphoneも同じでログインするとアプリが立ち上がります。この辺は好みですかね。

ですね。僕も、どちらの利便性もわかるので、悩みました。なので結局、本家に合わせた次第です^^;

functions.phpのコード、利用させていただきます。ありがとうございました。

新しくバージョンアップした、2.5.3も同様にオーバーライド出来るようになっているので、先日紹介したコードをそのままfunctions.phpに貼り付けていれば、モバイルではアプリが開くように動作すると思います。

あと、最新バージョンで、ツイートのURLも子テーマに以下のように貼り付けることで、URL変更出来るようにしてみました。

function get_twitter_share_url(){
  return 'https://twitter.com/intent/tweet?text='.urlencode( get_the_title() ).'&url='.
  urlencode( get_the_permalink() ).
  get_twitter_via_param(). //ツイートにメンションを含める
  get_twitter_related_param();//ツイート後にフォローを促す
}

ここの返り値となるURLを変更してみて、iPhone Chromeでアプリが開くURLを検証してみるというのもありかもしれません。
僕はiPhoneを持っていないので、テスト環境がなくて；このぐらいしかできず、申し訳ないです。
もし、アプリが開く法則などがわかれば、そのように修正させていただきます。
※v2.5.3以降でないと「ツイートURL取得関数」のオーバーライドはできないです（このトピックでアップしたものではできないです）。