QRコードからLINE@のIDを調べて友達登録リンクを設置する方法

友達の会社のWebサイト製作を手伝っていたのですが,その会社はLINE@での問い合わせも受け付けてるらしく彼はLINE@のQRコードを載せてました.

ただそうするとPCからサイトを見たときは,スマホでQRコードを読み取れますが,スマホから閲覧した人が直接LINE@の友達登録ができず不便だなと思い,スマホ向けに登録ボタンを設置することにしました.

※1:これから行う作業には,LINEが設定されているスマホが必要です
※2:画面に出てくるスクショは,Android版のものです.

[1] PCでページを開いてスマホでQRコードを読み取る

特に書くことないので割愛

[2] IDを調べます

表示されたLINEの画面を一番下までスクロールするとIDが表示されるので,どこかに控えてください.(PCのテキストエディタにでも書いておくといいでしょう)

[3] URLについて

https://line.me/R/ti/p/<LINE@のID> がURLとなります.これを使って友達登録用のボタンなりなんなり作ってください.

ちなみにURLを踏むとPCの場合は,QRコードが,スマホの場合はLINEを開くかどうか選択するページが表示されます.

参考リンク

LINE公式アカウントをユーザーとシェアする | LINE Developers → #友だち追加するための画面を開くURLスキーム
https://developers.line.biz/ja/docs/messaging-api/sharing-bot/#url-scheme-to-open-the-screen-for-adding-friend