「LINEで送る」ボタンが表示されない場合

Author:
linesend

SNSボタンを設置する場合、各種サイトのガイドを見れば設置の仕方が書いてあります。
それをコピペすれば当然ながら表示されます。

んで、LINEボタンの設置は下記にあります。
LINEで送るボタン

が、これコピペしても反映されないのですよ。
あれー?と思ったら単純な仕様でした。

注意書きをよく読むと、

LINEで送るボタンは、スマートフォンWebサイトまたはiOS/Androidアプリに設置が可能です。

とあります。
すなわち、「LINEで送る」ボタンはPCでは表示されないようになっているのです。
設置方法ページには何も書かれていないけど。

各ブラウザの開発者ツールでスマホモードに切り替えればちゃんと表示されるはずです。
説明足りないですよねえ。

が、よくスクリプトが送っているjsonオブジェクトを見ると

new media_line_me.LineButton({"pc":false,"lang":"ja","type":"a"});

ん、”pc”:falseってのがある。
これをtrueにしてみたところ、やっぱり表示されました。

しかしどこにも何も説明が書いていない。
ひどすぎる。

僕らエンジニアならすぐに気づくところですが、そんなに詳しくない人は気づかないですよねえ。
これコピペすればいいって書いてあるのにーとか騒ぐ人が出るんじゃないの?

まあとりあえず、デフォルトではPCページにLINEボタンは表示されない、スマホなら表示される。
PCで出したい場合は引数オブジェクトを書き換えよう、と。

うーむ、不親切だ。

Share on Facebook
Pocket