Linsta Auto

はじめてのLINE連携ガイド

このガイドは「LINE公式アカウントをまだ持っていない」方を想定して、 アカウントの作成からLinsta Autoとの接続、最初の動作確認までを順番に説明します。 所要時間はおよそ20〜30分。専門知識は必要ありません。 画面に表示される言葉をそのまま使って書いているので、迷ったらこのページ内を検索(Ctrl+F / ⌘+F)してください。

目次

  1. LINE公式アカウントを作る
  2. Messaging APIを有効にする
  3. 接続に必要な3つの値をコピーする
  4. LINEログインチャネルを作る(友だち追加リンクの計測用)
  5. Linsta Autoに入力して接続する
  6. LINE側の応答設定を切り替える(重要)
  7. 動作確認
  8. LIFFを設定する(予約・フォームを使う場合)
  9. うまくいかないとき

1. LINE公式アカウントを作る

ゴール:お客様が友だち追加する「お店のLINEアカウント」ができる。すでにお持ちなら読み飛ばして2へ。

  1. LINE公式アカウントの開設ページを開く
    entry.line.biz を開き、「LINE公式アカウントをはじめる」から、普段お使いの個人のLINEアカウントでログインして進めます。
  2. アカウント情報を入力
    アカウント名(お店の名前など)・業種を入力して作成します。ここで入力した名前が、お客様のLINEに表示される名前です。
  3. 管理画面が開けることを確認
    作成が終わると LINE公式アカウント管理画面(manager.line.biz) が使えるようになります。このガイドでは以後「公式アカウント管理画面」と呼びます。
無料で大丈夫です LINE公式アカウントはフリープランで作成できます。月200通まで無料で送信でき、超える見込みが出てから有料プランを検討すれば十分です。

2. Messaging APIを有効にする

ゴール:Linsta Autoがこの公式アカウントの代わりにメッセージを送受信できる状態にする。

  1. 公式アカウント管理画面の「設定」を開く
    右上の設定 → 左メニューのMessaging APIを選びます。
  2. 「Messaging APIを利用する」を押す
    開発者情報(名前とメールアドレス)の登録を求められたら入力します。これはLINE社への開発者登録で、公開されるものではありません。
  3. プロバイダーを新規作成
    「プロバイダー」はチャネルをまとめる入れ物で、会社名や屋号を付けるのが一般的です。 ここで作った名前は友だち追加時の同意画面にも表示されます。 プライバシーポリシー等のURLは空欄のままで構いません。
  4. 有効化を確定
    完了すると、同じ画面にChannel IDChannel secretが表示されるようになります。次の章でコピーします。
「LINE Developersでチャネルを作る」と書かれた古い解説にご注意 以前はLINE Developersから直接Messaging APIチャネルを作れましたが、現在は公式アカウント管理画面から有効化する方式に変わっています。古いブログ記事の手順とは合わないことがあります。

3. 接続に必要な3つの値をコピーする

ゴール:チャネルID・チャネルシークレット・チャネルアクセストークン(長期)が手元にある。

  1. チャネルIDとチャネルシークレット
    公式アカウント管理画面 → 設定 → Messaging API の画面に表示されています (LINE Developers の同チャネル「チャネル基本設定」でも同じものが見られます)。 チャネルIDは数字だけ、シークレットは英数字の文字列です。
  2. チャネルアクセストークン(長期)を発行
    LINE Developers にログイン → プロバイダー → 公式アカウント名のチャネル → Messaging API設定タブ → いちばん下の「チャネルアクセストークン(長期)」で発行を押してコピーします。
コピーは「全選択」で アクセストークンは数百文字あります。途中で切れたり、前後に空白が入ったりすると、接続は成功したように見えて後からメッセージが届かない、という一番わかりにくい壊れ方をします。表示欄のコピーボタンを使うのが確実です。

4. LINEログインチャネルを作る(友だち追加リンクの計測用)

ゴール:「誰が・どの経路から友だち追加したか」を計測できる準備が整う。

Linsta Autoの友だち追加リンクは、追加の直前にLINEログインを挟むことで 流入経路(チラシ・広告・SNSなど)を計測します。この仕組みのために、 Messaging APIとは別にもう1つ「LINEログイン」という種類のチャネルが必要です。

  1. LINE Developersで新規チャネル作成
    LINE Developers → 先ほどの同じプロバイダーを開く → 新規チャネル作成LINEログインを選択。 チャネル名は「◯◯ ログイン」など分かる名前でOK。アプリタイプはウェブアプリにチェックします。
  2. チャネルを「公開」に切り替える
    作成直後は「開発中」です。チャネル画面上部の切り替えで公開にします。 開発中のままだと、作成者以外のお客様がリンクを開けません。
  3. コールバックURLを登録
    チャネルのLINEログイン設定タブ → コールバックURLに、 Linsta Autoの設定画面のフォームに表示されている あなた専用のコールバックURL(コピーボタン付き)を貼り付けて保存します。
  4. IDとシークレットをコピー
    「チャネル基本設定」タブのチャネルIDチャネルシークレットをコピーします。 手順3のMessaging APIのものとは別の値なので、取り違えにご注意ください。

5. Linsta Autoに入力して接続する

ゴール:接続完了。Webhook URLは自動設定されます。

  1. 設定画面を開く
    linsta-auto.com/settings の「LINE公式アカウントを接続」フォームに、 ここまでにコピーした値を入力します。アカウント名(Linsta内での管理用)は空欄なら事業者名になります。
  2. 「接続する」を押す
    成功すると、メッセージ受信用のWebhook URLは自動で登録されます。手作業はありません。

6. LINE側の応答設定を切り替える(重要)

ゴール:メッセージが届き、二重返信が起きない状態。ここを飛ばすと「接続できたのに何も来ない」になります。

  1. 公式アカウント管理画面 → 設定 → 応答設定 を開く
    3つのスイッチを次の通りにします。
  2. Webhook:オン
    オフのままだと、お客様からのメッセージがLinsta Autoに一切届きません。
  3. 応答メッセージ:オフ
    LINE標準の自動返信です。オンのままだとLinsta Autoの自動応答と2通届いてしまいます。
  4. あいさつメッセージ:オフ
    友だち追加時のあいさつはLinsta Autoのステップ配信から送るためです。

7. 動作確認

ゴール:自分のスマホで一連の流れが動くのを見る。

  1. 友だち追加リンクを自分で開く
    アプリ画面のホームにある「友だち追加リンク」をコピーして、スマホで開きます。 LINEログインの同意画面 → 友だち追加、と進めば計測まで含めて動いています。
  2. メッセージを送ってみる
    追加した公式アカウントに何かメッセージを送り、アプリ画面の統合受信箱に届けば受信側もOKです。

8. うまくいかないとき

接続はできたのに、メッセージが受信箱に届かない

ほぼ「応答設定のWebhookがオフ」です(手順6)。次に多いのはアクセストークンのコピー漏れ・前後の空白。設定画面でシークレットとトークンを入れ直すと直ります。

お客様に自動返信が2通届く

LINE標準の「応答メッセージ」がオンのままです(手順6)。

友だち追加リンクを開くとエラーになる

①LINEログインチャネルが「開発中」のまま → 公開に切り替え。②コールバックURLの未登録・貼り間違い → 設定画面のURLをコピーし直して登録(手順4)。

「チャネルIDは数字のみです」と言われる

チャネルシークレット(英数字)をID欄に貼っている可能性が高いです。IDは数字だけの値です。

予約フォームのURLが発行されない

LIFF IDが未登録です(手順9)。LIFFはLINEの中でページを開く仕組みで、予約・フォーム・イベント申込みに必要です。

どうしても分からない

support@linsta-auto.com まで、どの手順で止まったかを添えてご連絡ください。

9. LIFFを設定する(予約・フォームを使う場合)

ゴール:予約フォーム・イベント申込み・アンケートを、LINEアプリの中で開けるようになる。

LIFFとは、LINEアプリの中でWebページを開くためのLINEの仕組みです。 普通のリンクだとブラウザが開いて「あなたは誰ですか」の状態から始まりますが、 LIFFならLINEを離れずに開き、しかも「どの友だちが開いたか」が自動で分かります。 そのためお客様は、名前やメールを入力せず・ログインもせずに予約でき、 その予約は自動的にその友だちの記録に紐づきます。

予約・フォーム・イベント・ウェビナーを使わないなら、この手順は不要です。 配信や自動応答だけであれば手順7までで完了しています。

  1. LINEログインチャネルにLIFFアプリを追加
    LINE Developers → 手順4で作ったLINEログインチャネルを開く → LIFFタブ → 追加。 Messaging APIチャネルの側にはLIFFタブがありません。ログインチャネルの方です。
  2. LIFFアプリの設定を入力(エンドポイントURLは仮でOK)
    • LIFFアプリ名:「予約」など、お客様に見えても差し支えない名前
    • サイズFull(画面全体。予約画面が縦に長いため)
    • エンドポイントURL:この時点では確定できないので、いったん https://example.com など仮の値で構いません(手順5で正しい値に差し替えます)
    • Scopeprofileopenid にチェック
    • ボットリンク機能On (Aggressive) / 対象は自分のLINE公式アカウント

    エンドポイントURLが後回しになるのは、正しい値の末尾に ?liffId=(発行されたID) を付ける必要があるためです。IDは作成しないと発行されないので、先に作ってから戻ります。

  3. LIFF IDをコピー
    追加すると LIFF ID が発行されます。 2009624792-XXXXXXXX のような形式です(数字10桁 + ハイフン + 英数字)。 同じ画面の「LIFF URL」ではなく、IDの方をコピーしてください。
  4. Linsta Autoに登録
    アプリ画面の設定 → LINEアカウントで対象アカウントを編集し、 「LIFF(任意)」を開いて LIFF ID を貼り付けて保存します。
  5. エンドポイントURLを正しい値に差し替える
    保存すると、同じ設定 → LINEアカウントの画面に LIFF Endpoint URL?liffId= 付き)が 表示されます。コピーして、LINE Developers の LIFF 設定に戻り、手順2で仮置きした エンドポイントURLをこの値に上書きしてください。

    この ?liffId= が 無いと、複数アカウントを登録したときにどのアカウントの画面か判別できず、 ログインが延々ループします。1アカウントでも付けてください。

  6. 動作確認
    アプリ画面の予約 → 予約管理を開くと、 「お客様向け 予約フォーム LIFF URL」が発行されているはずです。 そのURLを自分のLINEに送ってタップし、LINE内で予約画面が開けば完了です。

うまく開かないとき:①エンドポイントURLに ?liffId= が付いているか(手順5)。 ②LINEログインチャネルが「開発中」のままだと本人以外開けません(手順4)。 ③LIFF IDとLIFF URLの取り違え(IDは 2009…-XXXXXXXX の形)。

設定画面をひらく