【LINE　URLスキーム】ラインアプリを起動させて、デフォルトのテキストメッセージ送信をしてもらいたい！

はじめに

福岡のホームページ制作・SEO対策の株式会社スゴヨクです。

メールフォームによるお問い合わせよりも、ラインでお問い合わせを受けつけたいというご要望は多くあるのではないでしょうか。WEBサイトに「LINEでお問い合わせ」ボタンを設置して、ユーザーのLINEアプリを起動させて、自身のLINE公式アカウントを自動的に表示させたいということはありませんか？また、このLINEアプリ起動時に、あらかじめデフォルトのテキストメッセージを送信できるように設定したり、ユーザーがどのページからお問い合わせボタンを押したかの情報を送れるようにしたいと思ったことはありませんか。

たとえば不動産のサイトであれば、ユーザーが気になっている物件のページから「LINEでお問い合わせ」をタップするだけで、その物件情報をメッセージに含めたLINEアプリのトーク送信画面を起動することが可能です。

「LINEでお問い合わせボタン」の設置

LINE URLスキーム

LINEでお問い合わせボタンを設置するには「LINE URLスキーム」を使用します。
ユーザーがLINE URLスキームを使ったURLにアクセスすると、LINEが自動的に起動してURLで指定されたコンテンツが表示されます。

詳細は以下のリンクからご覧いただけます。

LINE URLスキームの使い方

LINE URLスキームは「https://line.me/R/」というURLをhref属性に設定することで使用可能です。

ユーザーがこちらのURLをクリックすると、自動的にLINEアプリが起動します。

「https://line.me/R/」という基本のURLに続けてさまざまな値を設定することで、カメラを起動させたり、位置情報の送信画面を開かせたりするということができます。

//LINE URLスキームを使用してラインを起動する
ラインを起動する

//LINE公式アカウントとのトーク画面を開く
LINEでお問い合わせ

//「送信したいメッセージ」がメッセージ入力欄に入力された状態で、LINE公式アカウントとのトーク画面を開く
LINEでお問い合わせ

$(function() {
   var $link = $('#lineBtn'); 
   var $name = ''; 
   var $about = ''; 
   var $textContent = ''; 
   $('#lineBtn').click(function(){ 
    $name = "物件名：" + $('.name').text(); 
    $about = "物件管理コード：" + $('.about').text(); 
    // 改行したい場合は改行コード"%0d%0a"を記述する 
    $textContent = "%0d%0a%0d%0a" + $name + "%0d%0a" + $about; 
    // href属性を書き換える 
    $link.attr('href', 'https://line.me/R/oaMessage/公式アカウントID/?' + "空室状況を知りたい" + $textContent + "%0d%0a%0d%0aフルネームをお送りください"); 
  }); 
});