![page icon](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/e39b3e46-cef3-481b-aa5d-04d1acd68c3d/b96b4cbce83062e0b9d0b5e039ada53d.png)
LINE公式アカウントの連携方法
このガイドでは既にお持ちのLINE公式アカウントとおみせコネクトを連携する方法について解説します。
おみせコネクトに新規にアカウント登録すると、下記のようなバナー画像が表示されますので、「設定する」ボタンを押して連携をすすめましょう。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/3a249e64-2d70-4f81-8404-b60f13df533b/d309651ee319e1e229a3e8cc19ad42bf.png)
1. メッセージの送信設定
ここでは、おみせコネクトがLINEメッセージを送信できるようにするための設定を行います。
必要な情報は下記の3つです。
- チャネル情報
- チャネルアクセストークン
それぞれ取得方法について、説明していきます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/98e6039a-abc0-4490-812d-bafd6c1b7e2b/9fe3ea87839f69957567035388dea234.png)
1-1. と の取得
- LINE Official Account Managerにログインしてください。LINE公式アカウントのスマホアプリからは設定できませんのでブラウザからご利用ください。
- 「ホーム」画面の右上の「設定」に移動します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/3fab0669-4fd8-43a1-af75-13b40feb6847/db4bdb2d60784352bf48d9e4e0f8ba92.png)
- 左のメニューの「Messaging API」を選択してください。
- 画面中央の「Messaging APIを利用する」ボタンを押します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/413dbde4-c6ba-4ed8-bddb-546f19ff18ef/2e5d79ed8eec791f07a3cdc8390f1959.png)
- 過去に一度も「開発者情報」と「プロバイダー」が登録されていない場合は下記の入力フォームが表示されますので、任意の情報を入力します。開発者情報は、任意のお名前とメールアドレスを登録できます。LINE公式アカウントの登録内容と同じ名前でも大丈夫です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/95ea8c8f-82d0-4183-9c5c-7c4ee3e0044b/03dcb1e71ded347cc868d30205404d36.png)
- 新しいプロバイダー名を入力し、作成します。 プロバイダーとは外部サービス(ここではショップ)と連携する役割を持つ組織名です。プロバイダーの名称は任意で構いませんが、ショップの運営が法人の場合は会社名またはショップ名、個人の場合はショップ名などを入れることが多いです。 すでにお持ちのプロバイダーがある場合は、選択肢に表示されますので任意のものを選択してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/ab75d142-2a9d-482b-96c7-616d6378b119/3a92ecfd50e6d9af72a9e8dd576bfda4.png)
- 続いてプロバイダーのプライバシーポリシーと利用規約をのURL入力します。 運営しているショップのプライバシーポリシーと利用規約があればURLを登録します。 この手順は後で設定することもできますので、そのままOKを押して進むことができます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/f24286c1-9662-44dc-b97c-c3957ae28a9e/cf76e7aca0c8d6e445be23c238229888.png)
- チャネル情報が出現しますので、とをそれぞれコピーして、おみせコネクトのLINE公式アカウント登録ページに入力してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/c33cdb84-8b99-4605-9444-d2e899b35010/d2ff43e07270ca3d92d8013b3df8d797.png)
1-2. の取得
- https://developers.line.biz/ja/ からLINE Developers にログインし、「コンソール」へ進みます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/0ddeda5f-e373-4682-a5f7-4ab6374c108c/907327c4a7194325a8b8894410bfd63f.png)
- 先程設定したプロバイダーを選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/d303c0d7-8227-4f62-ab64-35fe1ea63e14/b8a792770118ebf4f5369d3d06276d23.png)
プロバイダーが表示されていない方はこちら
プロバイダーの権限をお持ちでない可能性がございます。プロバイダーを作成したアカウントでログインしていただくか、LINE公式アカウント作成の委託先や過去に利用したLINE連携サービスなどがあれば、そちらにプロバイダーの権限の共有、もしくは設定作業を行っていただく必要がございます。
- 対象のチャネルを選択します。 Messaging API のラベルがついたものを選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/da1a9d8e-deca-42d4-863a-ce0f4fad8c6b/a2f08989dc6fcded218b6660187a4405.png)
- 「Messaging API設定」のタブを開きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/b02061ec-a1fa-400e-a8ad-ba061f3ea960/7e1fdded1fcaa0ce477f4b4e5301f94d.png)
- ページの一番下に「チャネルアクセストークン」の項目があるので、「発行」ボタンを押してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/4bba7733-882a-4a31-9301-d7e283521f6e/1b3a8553b86c2b805122f5597bfc7603.png)
- 長い文字列が発行されますのでこれをコピーし、おみせコネクトのLINE公式アカウント登録ページの「」に貼り付けて、「保存して次へ」を押します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/b253af4f-0937-4a7c-8765-aaef8a3f7255/8d21516551bac78d42ede1cec3483514.png)
- 連携されるLINE公式アカウントを確認し、問題なければさらに「次へ」を押します。 以上で、おみせコネクトがLINE公式アカウントと連携してメッセージを送信するための設定は完了です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/2fe5f927-f9d5-42ce-b82d-725ff2af802e/555484e272638e0a26e87546f953dd8e.png)
2. メッセージの受信設定
続いて、おみせコネクトがLINE友だちからのメッセージを受信できるようにするための設定を行います。
以降のステップで必要になりますので、Webhook URL をコピーしておきます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/b915f293-6dc3-4444-930f-b53902eb699b/ca88ec478b940e41a9e79459936d5c96.png)
2-1. Webhook の設定
- 再度、LINE Official Account Managerにログインし、右上の「設定」に移動します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/cb6a2d57-f558-4e03-b182-022bed35a348/db4bdb2d60784352bf48d9e4e0f8ba92.png)
- 左のメニューから「Messaging API」を選択します。 「Webhook URL」に、先程コピーした URL( )を入力し、保存します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/3dad5be2-1060-4e68-8b98-1d0b98090f3f/16d942c8346d483020acdccf03d2cfe6.png)
すでに他のサービスの Webhook URL が登録されている場合
おみせコネクトでは Webhook URL の設定を原則必須としています。
しかし、他のLINE連携サービスとの併用などの理由により Webhook URL が設定できない場合、ご利用いただいているLINE公式アカウントが認証済みアカウントであれば一部機能を除いておみせコネクトをご利用いただけます。
利用できない機能 ・あいさつメッセージ ・顧客管理(1on1チャット)お客様が送信したメッセージの表示 ・リッチメニュー(一部機能) ・各種配信メッセージ経由の「ブロック数」の集計データ
※ 上記機能はLINE公式アカウントで代替機能がございますので、そちらをご活用ください。
※ LINEアカウントが認証済みアカウントではない場合はおみせコネクトが正常に使えませんので、必ず設定していただくか、認証済みアカウントへの変更をご検討ください。
上記ご確認の上、webhook URL の設定をスキップする場合
左のメニューの「LINE公式アカウントの設定」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/dacf050f-05d1-48fb-a9c2-8f983222ae42/3a39bf8b2f7f6a1eda28f28ad9d43e26.png)
「メッセージの受信設定」の下にある「LINEログイン機能設定」に進んでください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/dc6141d3-bc0c-4677-8fe9-d166cdfd87bb/b5811f145f9786a71988d1dc30dc72af.png)
2-2. 応答設定
最後に、左のメニューの「応答設定」を選択し下記のように設定します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/b60d84d9-851c-46b5-abbb-2a66c3cd96b6/d89012d82202e2e56a10df8aca201e6b.png)
各項目を下記のように設定します。
設定項目 | 設定内容 | 説明 |
---|---|---|
チャット | 任意 | チャットでの管理を「おみせコネクト」に一本化する場合は、こちらをOFFに設定します。 |
あいさつメッセージ | 任意 | あいさつメッセージを「おみせコネクト」から送信する場合は、OFFに設定します。 (すでにLINE Account Official Managerであいさつメッセージを設定しており、そのまま利用したい場合は ON のままにします。) |
Webhook | ON | - |
応答メッセージ | 任意 | 既に活用されている応答メッセージがあればそのまま利用することも可能です。 |
以上で、おみせコネクトがメッセージを受信するための設定は完了です。次はLINEログイン機能の設定です。
「次へ」ボタンを押します
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/9ae989c9-7adf-4742-826c-53222a7e9c64/3a37825bc879070ee0577d977c6840ee.png)
3. LINEログイン機能設定
最後の章です。ここではLINEが提供する「LINEログイン」機能を使ってLINE IDとショップ顧客情報を連携するための設定を行います。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/2b903018-ae00-4be2-b1e0-028b93ce336e/1a8fbf49383f36eb5442c1a72537c6a2.png)
3-1. チャネルの作成
- https://developers.line.biz/ja/ からLINE Developers にログインし、「コンソール」へ進みます。
- 先程設定したプロバイダーを選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/ea2959e6-9633-4236-b315-95b4fa18cf41/b8a792770118ebf4f5369d3d06276d23.png)
- 「新規チャネル作成」を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/a34f652d-0b5f-421d-9bd5-45514005f22c/0ed72e7ce0a3603f509864b9ef9c6ff0.png)
- 「LINEログイン」を選択します
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/f36b60fb-e68d-4fe6-8659-6552510d81e0/1d6499aab187b635deebec54b7678fd6.png)
- 新規チャネル作成のための情報を入力します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/294146e9-d309-49f0-a367-8bd55270d455/614d46da4bfcec70465230da510531d5.png)
設定項目 | 設定内容 |
---|---|
チャネルの種類 | 「LINEログイン」が選択されています |
プロバイダー | 本手順で作成したプロバイダーが選択されています |
サービスを提供する地域 | 「日本」を選択します |
会社・事業者の所在国・地域 | 「日本」を選択します |
チャネルアイコン | LINE公式アカウントと同じアイコン画像を推奨しています |
チャネル名 | LINE公式アカウントと同じ名前を推奨しています |
チャネル説明 | ショップや事業のご説明を簡単に記載します。 (例)「◯◯のショップです。」「◯◯のショップのLINE公式アカウントです」 |
アプリタイプ | 「ウェブアプリ」を選択します |
メールアドレス | ビジネスアカウントのメールアドレスが設定されています |
プライバシーポリシーURL | おみせコネクトは、ショップ様毎に個別の「」を提供しています。詳しくは次項に記載しています。 |
サービス利用規約URL | 運営しているショップの利用規約があればURLを登録します。(空のまますすめることも可能です) |
- プライバシーポリシーURLについては、おみせコネクトではショップ様毎に個別の「」を提供しています。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/6a89c81d-660f-44e7-b73a-e620671c7d1f/2412b10f33fbe4fb749fa273837b67e0.png)
LINE用プライバシーポリシーポリシー内容をご確認いただき問題なければ、URLをコピーして設定してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/0f87fa21-51fe-407a-a500-9cd4f347e31f/daf8e3c22a8b091c06faed124d349caa.png)
- 情報を入力して「作成」ボタンを押します。これで新しいチャネルが作成されました。
3-2. LIFFアプリの追加
- タブから「LIFF」を選択し、「追加」ボタンを押します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/6511fbc8-c4ec-438d-a1d3-381302631afe/b402edd866251c2d8320ee0f048fdeac.png)
- ここで一度おみせコネクトの画面に戻ります。 「エンドポイントURL」表示されていますので、「URLをコピーする」ボタンを押して、エン「ドポイントURL」をコピーしておきます。 のような URL です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/9d2a6708-91ca-4524-b7aa-aa6b52729eae/f4edc1f45667b5ca22c89e0960f0c888.png)
- 再び LINE Developer コンソールに戻ります。 LIFFアプリを作成するための情報を入力し、追加を押します。
- サイズ
- 「Full」→「フル」または「満杯」
- Scope(スコープ)
- 「profile」→「プロフィール」
- 「openid」→「オープンID」
- 友達追加オプション
- 「On (Agressive)」→「オン (アグレッシブ)」
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/bd5e94b1-a6d7-440b-b849-e69b416b2c86/08a785113d700ef8f93ea61d8c4ff408.png)
LIFFアプリの登録内容にお間違いのないようご注意ください。
特に下記赤字箇所が正しく設定できているか、登録前にご確認ください。
設定項目 | 設定内容 |
---|---|
LIFFアプリ名 | LINE公式アカウントと同じ名前を推奨しています |
サイズ | 「Full」を選択します |
エンドポイントURL | 先ほどコピーした、エンドポイントURLを貼り付けます
のような URL です。 |
Scope | 「profile」「openid」の2つにチェックします |
友だち追加オプション | 「On (Aggressive)」を選択します |
Scan QR | - (無効のままです) |
モジュールモード | - (無効のままです) |
※ ページが自動的に日本語訳されている場合に各設定項目の名称が変わっている場合がございます。その際は下記を参考に正しく設定できているかご確認ください。
- 入力が終わったら「追加ボタン」を押すとLIFFアプリが追加されました。 追加されたLIFFアプリの「」をコピーし、おみせコネクト管理画面の に貼り付けます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/120ddd47-4996-4c0d-bbff-b73576f135c7/2d348acd54a394c42fd1bef68e03e09e.png)
を貼り付けます。 は次の項で取得するのでここでは空白にしておきます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/08560661-a6bb-4246-9c01-34ea08839a89/daec88d4f2d92812dd31ac6e20aaa877.png)
3-3. チャネルの連携
- 続いて「チャネル基本設定」タブに移動します。 選択されているチャネルが であることを念の為確認してください。 をコピーし、おみせコネクト管理画面の に貼り付けて保存します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/094dcb80-dafd-40f4-803a-9f501d9aa117/ac9a440686f17b5c27b5a373ef3a787f.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/2b64c2c1-dedd-45f8-b61a-c5374f03498a/50f40d6326dbe593069af08090ad5afa.png)
- チャネル基本設定の画面下部のほうにある「友だち追加オプション」の「リンクされたLINE公式アカウント」の設定を行います。 「編集」ボタンを押して、連携するLINE公式アカウントを選択し「更新」を押します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/0dc0891c-b67d-42dc-bbef-f3b8cc366541/88666bdee8dd966a94256aa36ab37ea6.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/02acd3c3-03d6-4066-a894-46e0543be9b9/5eb9ac57e8882432cbc8535677f6978e.png)
- 最後の設定です。チャネル設定画面の上部の「開発中」ボタンをクリックし、「公開ボタン」を押します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/9f7f9b37-e402-4544-a702-f159e2ea6b4b/4db54d24c35b29334454a9a0e90a7bcf.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/ef58d39a-7c25-4538-a786-c5cef82f4d35/c096d7fe126b5516f6bdd11e8c14aa91.png)
以上で、おみせコネクトとLINE公式アカウントの連携は完了です🎉
「設定が完了しました!」を押して、設定作業を完了します。
次は、友だち追加バナーの設定です。下記のガイドに沿って友だち追加バナーを設定しましょう。
![友だち追加バナーの設定方法](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/d7b62fdc-3c8f-4de1-b5ae-6daea5f4f702/4e5096bff9cc41d9ffde9815fcf1f8b4.png)