futureshop LINE設定（ LINE＠オンラインチャネル開設）

(1)

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

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

futureshop LINE設定

(2)

2

ご利用にあたって

• futureshopのLINE連携オプションでは、LINEログイ

ンAPI・ Messaging APIを使用します。

• LINE公式アカウントでMessaging APIを使用するた

めには、（店舗様で）必ず1つLINEアカウントを取得

する必要があります。

• LINEアカウントと連携していない「ビジネスアカウ

ント」ではMessaging APIをご利用いただけません。

(3)

3

LINE公式アカウントを開設

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

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

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

詳しくは

料金プラン

をご覧ください。

(4)

4

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

す。

LINE Official Account Manager

LINE Official Account Managerでの変更手順

1. アカウントリストで、設定するアカウント名をクリック 2. 画面右上の[設定]＞[利用と請求]＞[月額プラン]をクリック 3. [月額プラン]に表示されているプラン名をクリック 4. 変更したいプランの[アップグレード]または[ダウングレード]をクリック 5. 利用規約を確認⋅同意し、ボタンをクリック ※フリープランから有料プランへ変更する場合は、即時に新しいプランが適用されます ※有料プランからフリープランや他の有料プランへ変更する場合は、お申し込みの翌月から新しいプランが適用されます。 ※フリープランに変更されるまでの間に無料メッセージ数を超えてメッセージを配信した場合、追加メッセージ料金が発生いたします。 ご確認ください メッセージの通数による従量課金です。

(5)

5

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

LINE公式アカウント管理画面、 LINE Official Account Managerへログインします。（ https://manager.line.biz/ )

(6)

6

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

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

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

(7)

7

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

1. 「プロバイダーを作成」にて任意のプロバイダー名を入力し「同意する」ボタンを押下します。 2. 確認画面が表示されるので「OK」ボタンを押下します。 3. 「APIを利用する」ボタンを押下します。 4. Messaging APIが有効になります。 ※認証プロバイダー申請に使用しますので、プロバイダー名は正式な企業名にてご登録ください。 ※既存で使用しているプロバイダーを選択するには、そのプロバイダーの権限をもったLINEID が必要です。

このページの内容について詳しくは、LINE Official Account Manager操作マニュアル

(web)「

Messaging API設定

」をご覧ください。

(8)

8

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

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

(9)

9

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

プロバイダーから先ほど設定したプロバイダーを選択します。「新規チャネル作成」ボタンを押下します。

(10)

10

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

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

(11)

11

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

新規チャネル作成モーダルで「LINEログイン」を選択します。「アプリ名」「アプリの説明」に任意の内容を入力します。アプリ名・アプリの説明は、友だち追加時などに表示される「認証」画面に表示されます。 ※なおアプリ名には「LINE」という文字列もしくは類似する文字列は使えません。アプリタイプで「WEBで使う」を選択し、メールアドレスを入力します。 LINE Developers アプリ名アプリ説明

(12)

12

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

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

(13)

13

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

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

すでにLINE連携オプションで利用可能な「Messaging API」がある場合は、作成せず

次ページへ進んでください。

LINE Developers

(14)

14

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

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

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

(15)

15

チャネルの公開設定

1. 「LINEログイン」チャネルのチャネル基本設定画面に遷移します。 2. 画面右上にある「非公開」と書かれたボタンを押下します。（「公開」ならば以下の作業は不要です。ボタンがない場合も作業不要です。） 3. Channelを公開しますか？というモーダル表示されますので、「公開する」ボタンを押下します。 4. LINEログインのチャネルが公開されていることを確認してください。下図のように「公開済 み」と表示されていれば公開されています。 LINEログインチャネル基本設定 LINE Developers

(16)

16

LINE設定1

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

LINE設定を行うにはフューチャーショップの「

LINE連携オプション

」をご契約してい

ただく必要があります。

futureshop管理画面の構築メニュー＞管理者設定にある「お申し込みバナー」をクリ

ックし、専用フォームからお申し込みください。お申し込みいただきましたら、フュ

ーチャーショップからお手続きメールをお送りします。

(17)

17

LINE Official Account Manager画面に戻って、画面右上の「設定」からMessaging APIを表示

し、Channel IDとChannel Secretをフューチャーショップ管理画面に転記します。（コピーボタンを押下し、貼り付けしてください。）

LINE設定2

Channel ID Channel Secret

(18)

18

続いて「アカウント設定」にある「アカウント情報」を確認し、ベーシックIDから＠を除いた部分

を「Search ID」に入力します。下図の場合「a0b1c2d3」がSearch IDになります。

LINE設定3

a0b1c2d3

(19)

19

LINE設定4

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

(20)

20

LINEログインのチャネル基本設定を表示し、Channel IDとChannel Secretをフューチャーショッ

プ管理画面に転記します。（コピー＆ペーストしてください。）

LINE設定5

(21)

21

LINE設定6

(22)

22

LINE設定7

構築メニュー＞ページ設定＞LINE設定-LINE Developersの設定項目にある「Callback URL」の値を転記します。転記したら「更新」ボタンを押下してください。 店舗の状態によって転記いただくURLが違いますのでご注意ください。 以前からのユーザー画面をご利用の場合 https://ドメイン名/fs/店舗KEY/LineIdLinkAuthReceiver.html コマースクリエイターをご利用の場合 https://ドメイン名/p/line/authlogin LINE Developers

(23)

23

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

続けてこちらの作業を行ってください。 LINE Developers>LINEログイン＞チャネル基本設定-共通基本情報 1. 「このチャネルにリンクされたボット」が設定されていない場合「編集」ボタンを押下してください。 2. LINEログインのチャネルとリンクする「本番アカウント」を選択してください。 3. LINEログインのチャネルとリンクする「本番アカウント」が選択されました。

(24)

24

認証Provider取得申請書

LINE Developers >プロバイダー

記載してください

チェックしてください「個人情報の取扱いについて」ページのURLを入力 URLの「provider=」の後の数字を入力

(25)

25

Provider名の変更方法

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

Provider名を正式な企業名以外で設定された場合は、 LINE Developers画面にて、Provider名の

右側の変更ボタンを選択します。

(26)

futureshop LINE設定 （ LINE＠オンラインチャネル開設）