...
※LIFF（LINE Front-end Framework）とはLINEのアプリ上で動くWebアプリのプラットフォームのことです。
端的に申し上げると、LINEと連携できるWebページのことで、この仕組みを使うことで、LINE上に独自のWebページを作成することができます。
| 注意 |
|---|
LINE公式アカウントやLINE Developpersの設定方法については、あくまでも弊社作成の実装サンプルとなります。Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。
つきましてはLINE公式アカウントやLINE Developpersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
| Aura divider |
|---|
| params | JTdCJTIydHlwZSUyMiUzQSUyMnRleHQlMjIlMkMlMjJzZXJpYWxpemVkU3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYWxpZ25tZW50JTVDJTIyJTNBJTdCJTVDJTIyaG9yaXpvbnRhbCU1QyUyMiUzQSU1QyUyMnN0YXJ0JTVDJTIyJTdEJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU3QiU1QyUyMm5hbWUlNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzMzMyU1QyUyMiUyQyU1QyUyMnNpemUlNUMlMjIlM0EyNCU3RCUyQyU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzM0NDQ0NCU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMjQlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlMkMlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgyJUE0JUUzJTgzJUExJUUzJTgzJUJDJUUzJTgyJUI4JTVDJTIyJTdEJTJDJTVDJTIyYm9yZGVyJTVDJTIyJTNBJTdCJTVDJTIydG9wJTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJyaWdodCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIyYm90dG9tJTVDJTIyJTNBdHJ1ZSUyQyU1QyUyMmxlZnQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMzQ0NDQ0JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMndpZHRoJTVDJTIyJTNBMiU3RCUyQyU1QyUyMnNpemUlNUMlMjIlM0ElN0IlN0QlN0QlMjIlN0Q= |
|---|
|
...
| Aura pretty title |
|---|
| params | JTdCJTIyY29sb3IlMjIlM0ElMjIlMjMzNDQ0NDQlMjIlMkMlMjJmb250U2l6ZSUyMiUzQTE2JTJDJTIyZm9udFdlaWdodCUyMiUzQSUyMm5vcm1hbCUyMiUyQyUyMmxpbmVIZWlnaHQlMjIlM0E1MyUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlMkMlMjJ0YWclMjIlM0ElMjJoMSUyMiUyQyUyMmNsb3VkVGV4dCUyMiUzQSUyMkxJRkYlRTglQTglQUQlRTUlQUUlOUElRTMlODElQUIlRTUlQkYlODUlRTglQTYlODElRTMlODElQUElRTQlQkQlOUMlRTYlQTUlQUQlRTMlODElQUYlRTQlQkIlQTUlRTQlQjglOEIzJUUzJTgxJUE0JUUzJTgxJUFFJUUzJTgyJUI5JUUzJTgzJTg2JUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgxJUE3JUUzJTgxJTk5JUUzJTgwJTgyJTVDbiUyMiU3RA== |
|---|
|
パネルをクリックすると、各STEPの手順に移動します。
| Aura panel |
|---|
| params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDElMjVFRiUyNUJDJTI1OUFXaGF0WWElMjVFMyUyNTgyJTI1QkYlMjVFMyUyNTgyJTI1QjAlMjVFMyUyNTgxJTI1QUUlMjVFNSUyNTlGJTI1OEIlMjVFMyUyNTgyJTI1ODElMjVFOCUyNUJFJTI1QkMlMjVFMyUyNTgxJTI1QkYlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyU1RFUDElRUYlQkMlOUFXaGF0WWElRTMlODIlQkYlRTMlODIlQjAlRTUlOUYlOEIlRTMlODIlODElRTglQkUlQkMlRTMlODElQkYlNUMlMjIlMkMlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE4JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMxNTJBMjklNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA== |
|---|
|
LIFF用に新たにページを作成し、WhatYaタグを埋め込んでいただきます。 |
...
| Aura panel |
|---|
| params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDElMjVFRiUyNUJDJTI1OUFXaGF0WWElMjVFMyUyNTgyJTI1QkYlMjVFMyUyNTgyJTI1QjAlMjVFMyUyNTgxJTI1QUUlMjVFNSUyNTlGJTI1OEIlMjVFMyUyNTgyJTI1ODElMjVFOCUyNUJFJTI1QkMlMjVFMyUyNTgxJTI1QkYlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyU1RFUDMlRUYlQkMlOUElRTMlODMlQUElRTMlODMlODMlRTMlODMlODElRTMlODMlQTElRTMlODMlOEIlRTMlODMlQTUlRTMlODMlQkMlRTglQTglQUQlRTUlQUUlOUElNUMlMjIlMkMlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE4JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMxNTJBMjklNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA== |
|---|
|
こちらはLINE公式アカウントの管理画面にて設定を行います。 |
STEP1：WhatYaタグの埋め込み
STEP1はLIFF用に新たにページを作成し、WhatYaタグを埋め込んでいただきます。
御社にてLIFF（LINEブラウザ）に表示させるためのWebページを作成いただき、弊社からお渡ししたタグを埋め込んでいただきます。
具体的な埋め込み方法につきましては、WhatYaデザインベンダー向け資料をご確認ください。
...
STEP2：LIFFアプリ設定
| 注意 |
|---|
LINE公式アカウントやLINE Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。
つきましてはLINE公式アカウントやLINE Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
STEP2はLINE Developersの管理画面にて設定を行います。
LIFFを利用する場合は、新しく「LINEアプリ」としてチャンネルを作成します。
STEP3：リッチメニュー設定
| 注意 |
|---|
LINE公式アカウントやLINE Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。
つきましてはLINE公式アカウントやLINE Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
STEP3はLINE公式アカウントの管理画面にて設定を行います。
左側メニュー：トークルーム管理 「リッチメニュー」をクリック
Image Added 「作成」ボタンをクリック
Image Added リッチメニュー設定画面 表示設定
タイトル、表示期間、メニューバーのテキスト、メニューのデフォルト表示に任意の値を設定
Image Added リッチメニュー設定画面 表示設定
※リッチメニューの画像の作成や設定は御社にてご用意ください。
アクションタイプ「リンク」、URLにLIFF（LINEのブラウザ）のURLを入力し、設定を保存
Image Added
| Aura divider |
|---|
| params | JTdCJTIydHlwZSUyMiUzQSUyMnRleHQlMjIlMkMlMjJzZXJpYWxpemVkU3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYWxpZ25tZW50JTVDJTIyJTNBJTdCJTVDJTIyaG9yaXpvbnRhbCU1QyUyMiUzQSU1QyUyMnN0YXJ0JTVDJTIyJTdEJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU3QiU1QyUyMm5hbWUlNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzMzMyU1QyUyMiUyQyU1QyUyMnNpemUlNUMlMjIlM0EyNCU3RCUyQyU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzM0NDQ0NCU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMjQlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlMkMlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyJUUzJTgyJTg4JUUzJTgxJThGJUUzJTgxJTgyJUUzJTgyJThCJUUzJTgxJTk0JUU4JUIzJUFBJUU1JTk1JThGJTVDJTIyJTdEJTJDJTVDJTIyYm9yZGVyJTVDJTIyJTNBJTdCJTVDJTIydG9wJTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJyaWdodCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIyYm90dG9tJTVDJTIyJTNBdHJ1ZSUyQyU1QyUyMmxlZnQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMzQ0NDQ0JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMndpZHRoJTVDJTIyJTNBMiU3RCUyQyU1QyUyMnNpemUlNUMlMjIlM0ElN0IlN0QlN0QlMjIlN0Q= |
|---|
|
...