futureshop line設定 line公式アカウントの開設とapi · line...

26
Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/ 株式会社 フューチャーショップ futureshop LINE設定 LINE公式アカウントの開設とAPI設定

Upload: others

Post on 06-Sep-2019

1 views

Category:

Documents


0 download

TRANSCRIPT

Copyright(C) Future Shop All Rights reserved.

https://www.future-shop.jp/

株式会社フューチャーショップ

futureshop LINE設定

LINE公式アカウントの開設とAPI設定

2Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

ご利用にあたって

• futureshopのLINE連携オプションでは、LINEログインAPI・ Messaging APIを使用します。

• LINE公式アカウントでMessaging APIを使用するためには、(店舗様で)必ず1つLINEアカウントを取得する必要があります。

• LINEアカウントと連携していない「ビジネスアカウント」ではMessaging APIをご利用いただけません。

3Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントを開設

LINE公式アカウントを開設してください。

管理画面である「LINE Official Acconut Manager」にログインします。

「ライトプラン」または「スタンダードプラン」を契約していただく必要があります。詳しくは料金プランをご覧ください。

LINE Official Account Manager

4Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE Official Acconut Managerの「月額プランのアップグレード」からお申込みできます。

LINE Official Account Manager

LINE Official Account Managerでの変更手順1. アカウントリストで、設定するアカウント名をクリック2. 画面右上の[設定]>[利用と請求]>[月額プラン]をクリック3. [月額プラン]に表示されているプラン名をクリック4. 変更したいプランの[アップグレード]または[ダウングレード]をクリ

ック5. 利用規約を確認⋅同意し、ボタンをクリック

※フリープランから有料プランへ変更する場合は、即時に新しいプランが適用されます※有料プランからフリープランや他の有料プランへ変更する場合は、お申し込みの翌月から新しいプランが適用されます。※フリープランに変更されるまでの間に無料メッセージ数を超えてメッセージを配信した場合、追加メッセージ料金が発生いたします。

ご確認ください

メッセージの通数による

従量課金です。

5Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定1

LINE公式アカウント管理画面、 LINE Official Account Managerへログインします。

( https://manager.line.biz/ )

LINE Official Account Manager

6Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

画面右上の「設定」からMessaging API設定を表示します。

Massaging APIを利用するボタンを押下します。

LINE公式アカウントの開設とAPI設定2

LINE Official Account Manager

こちらのダイアログが表示された場合、「アカウント連携」ボタンを押下し、LINEアカウントと連携してください。

7Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定3

1. 「プロバイダーを作成」にて任意のプロバイダー名を入力し「同意する」ボタンを押下します。

2. 確認画面が表示されるので「OK」ボタンを押下します。

3. 「APIを利用する」ボタンを押下します。

4. Messaging APIが有効になります。

※認証プロバイダー申請に使用しますので、プロバイダー名は正式な企業名にてご登録ください。

※既存で使用しているプロバイダーを選択するには、そのプロバイダーの権限をもったLINEID が必要です。

LINE Official Account Manager

このページの内容について詳しくは、LINE Official Account Manager操作マニュアル(web)「Messaging API設定」をご覧ください。

8Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定4

LINE Developers( https://developers.line.me/console/ )へログインします。LINE Developers

9Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定5

プロバイダーから先ほど設定したプロバイダーを選択します。

「新規チャネル作成」ボタンを押下します。

LINE Developers

10Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定6

新規チャネル作成モーダルで「LINEログイン」を選択します。LINE Developers

11Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定7

新規チャネル作成モーダルで「LINEログイン」を選択します。

「アプリ名」「アプリの説明」に任意の内容を入力します。

アプリ名・アプリの説明は、友だち追加時などに表示される「認証」画面に表示されます。

※なおアプリ名には「LINE」という文字列もしくは類似する文字列は使えません。

アプリタイプで「WEBで使う」を選択し、メールアドレスを入力します。

LINE Developers

アプリ名

アプリ説明

12Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定8

「LINE Developer Agreementの内容に同意します」にチェックして「作成」ボタンを押下します。

LINE Developers

13Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定9

同様に「新規チャネル作成」ボタンから、新規チャネル作成モーダルで「Messaging API」を選択します。

必要事項に入力して、チャネルを作成します。

すでにLINE連携オプションで利用可能な「Messaging API」がある場合は、作成せず次ページへ進んでください。

LINE Developers

14Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE公式アカウントの開設とAPI設定10

チャネルが開設されました。

LINEログインおよびMessaging APIのチャネルが作成されたことを確認してください。

LINE Developers

15Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

チャネルの公開設定

1. 「LINEログイン」チャネルのチャネル基本設定画面に遷移します。

2. 画面右上にある「非公開」と書かれたボタンを押下します。(「公開」ならば以下の作業は不要です。ボタンがない場合も作業不要です。)

3. Channelを公開しますか?というモーダル表示されますので、「公開する」ボタンを押下します。

4. LINEログインのチャネルが公開されていることを確認してください。下図のように「公開済み」と表示されていれば公開されています。

LINEログインチャネル基本設定

LINE Developers

16Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE設定1

フューチャーショップ管理画面にログインし、構築メニュー>ページ設定>LINE設定を表示します。

LINE設定を行うにはフューチャーショップの「LINE連携オプション」をご契約していただく必要があります。futureshop管理画面の管理TOP>管理者設定にある「お申し込みバナー」をクリックし、専用フォームからお申し込みください。お申し込みいただきましたら、フューチャーショップからお手続きメールをお送りします。

17Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE Official Account Manager画面に戻って、画面右上の「設定」からMessaging APIを表示し、Channel IDとChannel Secretをフューチャーショップ管理画面に転記します。(コピーボタンを押下し、貼り付けしてください。)

LINE設定2

Channel ID

Channel Secret

LINE Official Account Manager

18Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

続いて「アカウント設定」にある「アカウント情報」を確認し、ベーシックIDから@を除いた部分を「Search ID」に入力します。下図の場合「a0b1c2d3」がSearch IDになります。

LINE設定3

a0b1c2d3

LINE Official Account Manager

19Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE設定4

LINE Developers画面に戻って、LINEログインを選択します。LINE Developers

20Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINEログインのチャネル基本設定を表示し、Channel IDとChannel Secretをフューチャーショップ管理画面に転記します。(コピー&ペーストしてください。)

LINE設定5

LINE Developers

21Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINEログインのアプリ設定-リダイレクト設定にある「Callback URL」の編集ボタンを押下します。

LINE設定6

LINE Developers

22Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE設定7

構築メニュー>ページ設定>LINE設定-LINE Developersの設定項目にある「Callback URL」の値を転記します。転記したら「更新」ボタンを押下してください。

店舗の状態によって転記いただくURLが違いますのでご注意ください。

以前からのユーザー画面をご利用の場合

https://ドメイン名/fs/店舗KEY/LineIdLinkAuthReceiver.html

コマースクリエイターをご利用の場合

https://ドメイン名/p/line/authlogin

LINE Developers

23Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

「このチャネルにリンクされたボット」設定

続けてこちらの作業を行ってください。

LINE Developers>LINEログイン>チャネル基本設定-共通 基本情報

1. 「このチャネルにリンクされたボット」が設定されていない場合「編集」ボタンを押下してください。

2. LINEログインのチャネルとリンクする「本番アカウント」を選択してください。

3. LINEログインのチャネルとリンクする「本番アカウント」が選択されました。

24Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

LINE ID連携時にLINEアプリの「認証」画面にて、友だち追加のチェックをONの状態で初期表示していただくための認証プロバイダー取得申請書です。

認証プロバイダーならば、友だち追加のチェックが初期表示でONになります。

認証Provider取得申請書

LINE Developers >プロバイダー

記載してください

チェックしてください

「個人情報の取扱いについて」ページのURLを入力

URLの「provider=」の後の数字を入力

25Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/

Provider名の変更方法

認証プロバイダー取得申請書の「Provider名」には『※申請企業様の正式な企業名をProvider名として予め設定し、本欄に記載ください。』との注釈がございます。

Provider名を正式な企業名以外で設定された場合は、 LINE Developers画面にて、Provider名の右側の変更ボタンを選択します。

こちらのボタンからProvider名を正式な企業名に変更してください。

有効友だち数「10万人以上」についてのご注意

• 有効友だち数が10万人以上となった場合、APIによるメッセージ配信がLINE社によりブロックされます。

• 解除するには、LINE社との契約が必要となります。• 10万人を超える場合、(超える前に)店舗様からLINE社に問い合わせしてくだ

さい。• 有効友だち数はLINE Developers>チャネル(Messaging API)>統計情報に掲

載されています。