...
Aura panel |
---|
params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDElMjVFRiUyNUJDJTI1OUFXaGF0WWElMjVFMyUyNTgyJTI1QkYlMjVFMyUyNTgyJTI1QjAlMjVFMyUyNTgxJTI1QUUlMjVFNSUyNTlGJTI1OEIlMjVFMyUyNTgyJTI1ODElMjVFOCUyNUJFJTI1QkMlMjVFMyUyNTgxJTI1QkYlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyU1RFUDMlRUYlQkMlOUElRTMlODMlQUElRTMlODMlODMlRTMlODMlODElRTMlODMlQTElRTMlODMlOEIlRTMlODMlQTUlRTMlODMlQkMlRTglQTglQUQlRTUlQUUlOUElNUMlMjIlMkMlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE4JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMxNTJBMjklNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA== |
---|
|
こちらはLINE公式アカウントの管理画面にて設定を行います。 |
STEP1:WhatYaタグの埋め込み
STEP1はLIFF用に新たにページを作成し、WhatYaタグを埋め込んでいただきます。
御社にてLIFF(LINEブラウザ)に表示させるためのWebページを作成いただき、弊社からお渡ししたタグを埋め込んでいただきます。
具体的な埋め込み方法につきましては、WhatYaデザインベンダー向け資料をご確認ください。
...
STEP2:LIFFアプリ設定
注意 |
---|
LINE公式アカウントやLINE Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。 つきましてはLINE公式アカウントやLINE Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
...
「Create a new channel」をクリック
「LINE Login」をクリック
チャンネルの基本情報を入力
※必須項目と任意項目がありますので、適宜御社の情報をご入力ください。
利用規約を確認後、チェックを入れ「Create」ボタンをクリック
LIFFアプリの設定を追加
タブ:LIFFをクリック
新しくLIFFアプリを追加するため、「Add」ボタンをクリック
LIFFアプリの基本情報を入力
※必須項目と任意項目がありますので、適宜の情報をご入力ください。
SizeはLIFFアプリの表示サイズを設定します。
全画面での表示する場合は、「Full」を選択ください。
Image RemovedImage Added
Endpoint URLはSTEP1で作成したWhatYaを埋め込んだページのURLを入力します。
また、今回サンプルではリッチメニュータップ後に自動でWhatYaが立ち上がるようにするため
URLの末尾にこちらのパラメーター「?wy_opn=true」をつけます。
このパラメーターをつけることで、URLを開いた時自動的にWhatYaが立ち上がります。
Scopesは「profile」「openid」にチェックを入れます。
Image RemovedImage Added
Bot link featureは「Off」を選択します。
Image RemovedImage Added
「Add」ボタンをクリック
作成したチャンネルを公開
「Developing」をクリック
「Publish」をクリックし、LINEチャンネルの公開が完了となります。
STEP3のリッチメニューの設定でLIFF URLを使用するので、LIFF URLをコピーしてください。
LINE Developersでの設定は以上となります。
STEP3:リッチメニュー設定
注意 |
---|
LINE公式アカウントやLINE Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。 つきましてはLINE公式アカウントやLINE Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
...
左側メニュー:トークルーム管理 「リッチメニュー」をクリック
「作成」ボタンをクリック
Image RemovedImage Added リッチメニュー設定画面 表示設定
タイトル、表示期間、メニューバーのテキスト、メニューのデフォルト表示に任意の値を設定
リッチメニュー設定画面 表示設定
※リッチメニューの画像の作成や設定は御社にてご用意ください。
アクションタイプ「リンク」、URLにSTEP2で作成したLIFF(LINEのブラウザ)のURLを入力し、設定を保存
以上で設定は完了となります。
...