...
※LIFF(LINE Front-end Framework)とはLINEのアプリ上で動くWebアプリのプラットフォームのことです。
端的に申し上げると、LINEと連携できるWebページのことで、この仕組みを使うことで、LINE上に独自のWebページを作成することができます。端的に申し上げると、LINEと連携できるWebページのことで、この仕組みを使うことで、LINE上に独自Webページを表示することができます。
注意 |
---|
LINE公式アカウントやLINE Developpersの設定方法については、あくまでも弊社作成の実装サンプルとなります。Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。 つきましてはLINE公式アカウントやLINE Developpersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
Aura divider |
---|
params | JTdCJTIydHlwZSUyMiUzQSUyMnRleHQlMjIlMkMlMjJzZXJpYWxpemVkU3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYWxpZ25tZW50JTVDJTIyJTNBJTdCJTVDJTIyaG9yaXpvbnRhbCU1QyUyMiUzQSU1QyUyMnN0YXJ0JTVDJTIyJTdEJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU3QiU1QyUyMm5hbWUlNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzMzMyU1QyUyMiUyQyU1QyUyMnNpemUlNUMlMjIlM0EyNCU3RCUyQyU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzM0NDQ0NCU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMjQlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlMkMlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgyJUE0JUUzJTgzJUExJUUzJTgzJUJDJUUzJTgyJUI4JTVDJTIyJTdEJTJDJTVDJTIyYm9yZGVyJTVDJTIyJTNBJTdCJTVDJTIydG9wJTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJyaWdodCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIyYm90dG9tJTVDJTIyJTNBdHJ1ZSUyQyU1QyUyMmxlZnQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMzQ0NDQ0JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMndpZHRoJTVDJTIyJTNBMiU3RCUyQyU1QyUyMnNpemUlNUMlMjIlM0ElN0IlN0QlN0QlMjIlN0Q= |
---|
|
...
Aura pretty title |
---|
params | JTdCJTIyY29sb3IlMjIlM0ElMjIlMjMzNDQ0NDQlMjIlMkMlMjJmb250U2l6ZSUyMiUzQTE2JTJDJTIyZm9udFdlaWdodCUyMiUzQSUyMm5vcm1hbCUyMiUyQyUyMmxpbmVIZWlnaHQlMjIlM0E1MyUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlMkMlMjJ0YWclMjIlM0ElMjJoMSUyMiUyQyUyMmNsb3VkVGV4dCUyMiUzQSUyMkxJRkYlRTglQTglQUQlRTUlQUUlOUElRTMlODElQUIlRTUlQkYlODUlRTglQTYlODElRTMlODElQUElRTQlQkQlOUMlRTYlQTUlQUQlRTMlODElQUYlRTQlQkIlQTUlRTQlQjglOEIzJUUzJTgxJUE0JUUzJTgxJUFFJUUzJTgyJUI5JUUzJTgzJTg2JUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgxJUE3JUUzJTgxJTk5JUUzJTgwJTgyJTVDbiUyMiU3RA== |
---|
|
Aura cards |
---|
params | JTdCJTIyZ3V0dGVyJTIyJTNBJTIyNyUyMiUyQyUyMmxheW91dCUyMiUzQSUyMmljb24tbGVmdCUyMiUyQyUyMmNvbHVtbnMlMjIlM0ElMjIzJTIyJTJDJTIydGhlbWUlMjIlM0ElMjJhdXJhLWFjY2VudCUyMiUyQyUyMmhvdmVyJTIyJTNBJTIyZWxldmF0ZSUyMiUyQyUyMmRlY29yYXRpb24lMjIlM0ElMjJub25lJTIyJTJDJTIyaW1hZ2VIZWlnaHQlMjIlM0ElMjI2MCUyMiUyQyUyMmltYWdlUG9zaXRpb24lMjIlM0ElMjJsZWZ0JTIyJTJDJTIycGFkZGluZyUyMiUzQSUyMjUlMjIlMkMlMjJjYXJkc0NvbGxlY3Rpb24lMjIlM0ElMjIlNUIlN0IlNUMlMjJ0aXRsZSU1QyUyMiUzQSU1QyUyMlNURVAxJUVGJUJDJTlBV2hhdFlhJUUzJTgyJUJGJUUzJTgyJUIwJUUzJTgxJUFFJUU1JTlGJThCJUUzJTgyJTgxJUU4JUJFJUJDJUUzJTgxJUJGJTVDJTIyJTJDJTVDJTIyYm9keSU1QyUyMiUzQSU1QyUyMiU1QyUyMiUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZTczMTZlJTVDJTIyJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU1QyUyMmZhUGFwZXJQbGFuZSU1QyUyMiUyQyU1QyUyMmhyZWYlNUMlMjIlM0ElNUMlMjIlNUMlMjIlMkMlNUMlMjJocmVmVHlwZSU1QyUyMiUzQSU1QyUyMnBhZ2UlNUMlMjIlN0QlMkMlN0IlNUMlMjJ0aXRsZSU1QyUyMiUzQSU1QyUyMlNURVAyJUVGJUJDJTlBTElGRiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFOCVBOCVBRCVFNSVBRSU5QSU1QyUyMiUyQyU1QyUyMmJvZHklNUMlMjIlM0ElNUMlMjIlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyM2Y2YWMwZSU1QyUyMiUyQyU1QyUyMmljb24lNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJpbWFnZSU1QyUyMiUzQSU1QyUyMmh0dHBzJTNBJTJGJTJGdWNoaWRhLXRlc3QtbWFzdGVyLnMzLmFtYXpvbmF3cy5jb20lMkZ0ZXN0MiUyRnN0ZXAyLnBuZyU1QyUyMiUyQyU1QyUyMmltYWdlVHlwZSU1QyUyMiUzQSU1QyUyMmxpbmslNUMlMjIlMkMlNUMlMjJocmVmJTVDJTIyJTNBJTVDJTIyJTVDJTIyJTJDJTVDJTIyaHJlZlR5cGUlNUMlMjIlM0ElNUMlMjJwYWdlJTVDJTIyJTdEJTJDJTdCJTVDJTIydGl0bGUlNUMlMjIlM0ElNUMlMjJTVEVQMyVFRiVCQyU5QSVFMyU4MyVBQSVFMyU4MyU4MyVFMyU4MyU4MSVFMyU4MyVBMSVFMyU4MyU4QiVFMyU4MyVBNSVFMyU4MyVCQyVFOCVBOCVBRCVFNSVBRSU5QSU1QyUyMiUyQyU1QyUyMmJvZHklNUMlMjIlM0ElNUMlMjIlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzA2YTNlMCU1QyUyMiUyQyU1QyUyMmljb24lNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJpbWFnZSU1QyUyMiUzQSU1QyUyMmh0dHBzJTNBJTJGJTJGdWNoaWRhLXRlc3QtbWFzdGVyLnMzLmFtYXpvbmF3cy5jb20lMkZ0ZXN0MiUyRnN0ZXAzLnBuZyU1QyUyMiUyQyU1QyUyMmltYWdlVHlwZSU1QyUyMiUzQSU1QyUyMmxpbmslNUMlMjIlMkMlNUMlMjJocmVmJTVDJTIyJTNBJTVDJTIyJTVDJTIyJTJDJTVDJTIyaHJlZlR5cGUlNUMlMjIlM0ElNUMlMjJwYWdlJTVDJTIyJTdEJTVEJTIyJTdE |
---|
|
STEP1:WhatYaタグの埋め込み
STEP2:LIFFアプリ設定
...
パネルをクリックすると、各STEPの手順に移動します。
Aura panel |
---|
params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDElMjVFRiUyNUJDJTI1OUFXaGF0WWElMjVFMyUyNTgyJTI1QkYlMjVFMyUyNTgyJTI1QjAlMjVFMyUyNTgxJTI1QUUlMjVFNSUyNTlGJTI1OEIlMjVFMyUyNTgyJTI1ODElMjVFOCUyNUJFJTI1QkMlMjVFMyUyNTgxJTI1QkYlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyU1RFUDElRUYlQkMlOUFXaGF0WWElRTMlODIlQkYlRTMlODIlQjAlRTUlOUYlOEIlRTMlODIlODElRTglQkUlQkMlRTMlODElQkYlNUMlMjIlMkMlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE4JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMxNTJBMjklNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA== |
---|
|
LIFF用に新たにページを作成し、WhatYaタグを埋め込んでいただきます。 |
Aura panel |
---|
params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDIlMjVFRiUyNUJDJTI1OUFMSUZGJTI1RTMlMjU4MiUyNUEyJTI1RTMlMjU4MyUyNTk3JTI1RTMlMjU4MyUyNUFBJTI1RTglMjVBOCUyNUFEJTI1RTUlMjVBRSUyNTlBJTVDJTIyJTdEJTdEJTJDJTVDJTIyaGVhZGxpbmUlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTdCJTVDJTIydGV4dCU1QyUyMiUzQSU1QyUyMlNURVAyJUVGJUJDJTlBTElGRiVFOCVBOCVBRCVFNSVBRSU5QSU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMTglMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzE1MkEyOSU1QyUyMiUyQyU1QyUyMnRleHRBbGlnbiU1QyUyMiUzQSU1QyUyMmxlZnQlNUMlMjIlMkMlNUMlMjJmb250V2VpZ2h0JTVDJTIyJTNBJTVDJTIyYm9sZCU1QyUyMiU3RCU3RCUyQyU1QyUyMmJhc2UlNUMlMjIlM0ElN0IlNUMlMjJib3hTaGFkb3clNUMlMjIlM0ElN0IlNUMlMjJzaGFkb3dzJTVDJTIyJTNBJTVCJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjJyZ2JhKDAlMkMlMjAwJTJDJTIwMCUyQyUyMDAuMDgpJTVDJTIyJTJDJTVDJTIyeCU1QyUyMiUzQTAlMkMlNUMlMjJ5JTVDJTIyJTNBMSUyQyU1QyUyMmJsdXIlNUMlMjIlM0ExJTJDJTVDJTIyc3ByZWFkJTVDJTIyJTNBMCU3RCUyQyU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjE2KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMyUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTElN0QlNUQlN0QlMkMlNUMlMjJib3JkZXJSYWRpdXMlNUMlMjIlM0ElN0IlNUMlMjJyYWRpdXMlNUMlMjIlM0E0JTdEJTJDJTVDJTIyYmFja2dyb3VuZENvbG9yJTVDJTIyJTNBJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjNmZmZmZmYlNUMlMjIlN0QlN0QlN0QlMjIlMkMlMjJ0YWIlMjIlM0ExJTdE |
---|
|
こちらはLINE Developpersの管理画面にて設定を行います。 |
Aura panel |
---|
params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDMlMjVFRiUyNUJDJTI1OUElMjVFMyUyNTgzJTI1QUElMjVFMyUyNTgzJTI1ODMlMjVFMyUyNTgzJTI1ODElMjVFMyUyNTgzJTI1QTElMjVFMyUyNTgzJTI1OEIlMjVFMyUyNTgzJTI1QTUlMjVFMyUyNTgzJTI1QkMlMjVFOCUyNUE4JTI1QUQlMjVFNSUyNUFFJTI1OUElNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyU1RFUDMlRUYlQkMlOUElRTMlODMlQUElRTMlODMlODMlRTMlODMlODElRTMlODMlQTElRTMlODMlOEIlRTMlODMlQTUlRTMlODMlQkMlRTglQTglQUQlRTUlQUUlOUElNUMlMjIlMkMlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE4JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMxNTJBMjklNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA== |
---|
|
こちらはLINE公式アカウントの管理画面にて設定を行います。 |
STEP1:WhatYaタグの埋め込み
STEP1はLIFF用に新たにページを作成し、WhatYaタグを埋め込んでいただきます。
御社にてLIFF(LINEブラウザ)に表示させるためのWebページを作成いただき、弊社からお渡ししたタグを埋め込んでいただきます。
具体的な埋め込み方法につきましては、WhatYaデザインベンダー向け資料をご確認ください。
Aura button |
---|
params | JTdCJTIyaHJlZiUyMiUzQSUyMmF0dDIyNTY5Mjg4MDklMjIlMkMlMjJocmVmVHlwZSUyMiUzQSUyMmF0dGFjaG1lbnQlMjIlMkMlMjJocmVmVGFyZ2V0JTIyJTNBJTIyX2JsYW5rJTIyJTJDJTIyYmFja2dyb3VuZCUyMiUzQSUyMiUyMzE3MmI0ZCUyMiUyQyUyMmNvbG9yJTIyJTNBJTIyJTIzRkZGRkZGJTIyJTJDJTIybGFiZWwlMjIlM0ElMjJXaGF0WWElRTMlODMlOTklRTMlODMlQjMlRTMlODMlODAlRTMlODMlQkMlRTUlOTAlOTElRTMlODElOTElRTglQjMlODclRTYlOTYlOTklMjIlMkMlMjJib3JkZXJSYWRpdXMlMjIlM0ElMjI4JTIyJTJDJTIyb3V0bGluZWQlMjIlM0ElMjJvdXRsaW5lZCUyMiUyQyUyMmljb25Qb3NpdGlvbiUyMiUzQSUyMmxlZnQlMjIlMkMlMjJzaXplJTIyJTNBJTIybWVkaXVtJTIyJTJDJTIyZWxldmF0aW9uJTIyJTNBJTIyZmxhdCUyMiUyQyUyMmFsaWdubWVudCUyMiUzQSUyMmNlbnRlciUyMiU3RA== |
---|
|
...
STEP2:LIFFアプリ設定
注意 |
---|
LINE公式アカウントやLINE Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。 つきましてはLINE公式アカウントやLINE Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
STEP2はLINE Developersの管理画面にて設定を行います。
※LINE Developersを初めてご利用いただく場合は、こちらのページhttps://developers.line.biz/ja/docs/liff/getting-started/#step-one-create-provider を参考に
プロバイダーを作成ください。
LIFFを利用する場合は、新しくチャンネル「LINEログイン」を作成します。
以下、チャンネル作成とLIFF設定方法をご紹介します。
「Create a new channel」をクリック
Image Added 「LINE Login」をクリック
Image Added チャンネルの基本情報を入力
※必須項目と任意項目がありますので、適宜御社の情報をご入力ください。
Image AddedImage Added利用規約を確認後、チェックを入れ「Create」ボタンをクリック
Image Added LIFFアプリの設定を追加
タブ:LIFFをクリック
Image Added
新しくLIFFアプリを追加するため、「Add」ボタンをクリック
Image Added LIFFアプリの基本情報を入力
※必須項目と任意項目がありますので、適宜の情報をご入力ください。
Image AddedSizeはLIFFアプリの表示サイズを設定します。
全画面での表示する場合は、「Full」を選択ください。
Image Added
Endpoint URLはSTEP1で作成したWhatYaを埋め込んだページのURLを入力します。
Image Added
また、今回サンプルではリッチメニュータップ後に自動でWhatYaが立ち上がるようにするため
URLの末尾にこちらのパラメーター「?wy_opn=true」をつけます。
このパラメーターをつけることで、URLを開いた時自動的にWhatYaが立ち上がります。
Image Added
Scopesは「profile」「openid」にチェックを入れます。
Image Added
Bot link featureは「Off」を選択します。
Image Added
「Add」ボタンをクリック
Image Added 作成したチャンネルを公開
「Developing」をクリック
Image Added「Publish」をクリックし、LINEチャンネルの公開が完了となります。
Image Added
STEP3のリッチメニューの設定でLIFF URLを使用するので、LIFF URLをコピーしてください。
Image Added
LINE Developersでの設定は以上となります。
STEP3:リッチメニュー設定
注意 |
---|
LINE公式アカウントやLINE Developersの設定方法については、あくまでも弊社作成の実装サンプルとなります。 つきましてはLINE公式アカウントやLINE Developersの詳しい設定方法や動作に関しては、弊社にてサポートできかねますこと予めご了承ください。 |
STEP3はLINE公式アカウントの管理画面にて設定を行います。
左側メニュー:トークルーム管理 「リッチメニュー」をクリック
Image Added 「作成」ボタンをクリック
Image Added リッチメニュー設定画面 表示設定
タイトル、表示期間、メニューバーのテキスト、メニューのデフォルト表示に任意の値を設定
Image Added リッチメニュー設定画面 コンテンツ設定
※リッチメニューの画像の作成や設定は御社にてご用意ください。
アクションタイプ「リンク」、URLにSTEP2で作成したLIFF(LINEのブラウザ)のURLを入力し、設定を保存
Image Added以上で設定は完了となります。
Aura divider |
---|
params | JTdCJTIydHlwZSUyMiUzQSUyMnRleHQlMjIlMkMlMjJzZXJpYWxpemVkU3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYWxpZ25tZW50JTVDJTIyJTNBJTdCJTVDJTIyaG9yaXpvbnRhbCU1QyUyMiUzQSU1QyUyMnN0YXJ0JTVDJTIyJTdEJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU3QiU1QyUyMm5hbWUlNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzMzMyU1QyUyMiUyQyU1QyUyMnNpemUlNUMlMjIlM0EyNCU3RCUyQyU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzM0NDQ0NCU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMjQlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlMkMlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyJUUzJTgyJTg4JUUzJTgxJThGJUUzJTgxJTgyJUUzJTgyJThCJUUzJTgxJTk0JUU4JUIzJUFBJUU1JTk1JThGJTVDJTIyJTdEJTJDJTVDJTIyYm9yZGVyJTVDJTIyJTNBJTdCJTVDJTIydG9wJTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJyaWdodCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIyYm90dG9tJTVDJTIyJTNBdHJ1ZSUyQyU1QyUyMmxlZnQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMzQ0NDQ0JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMndpZHRoJTVDJTIyJTNBMiU3RCUyQyU1QyUyMnNpemUlNUMlMjIlM0ElN0IlN0QlN0QlMjIlN0Q= |
---|
|
ご不明点がありましたら、WhatYaヘルプセンターにお問い合わせくださいませ。 Aura panel |
---|
params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmljb24lNUMlMjIlM0ElN0IlNUMlMjJzaXplJTVDJTIyJTNBMTglMkMlNUMlMjJuYW1lJTVDJTIyJTNBJTVDJTIyZmFRdWVzdGlvbkNpcmNsZSU1QyUyMiUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMTcyYjRkJTVDJTIyJTdEJTJDJTVDJTIyYmFja2dyb3VuZENvbG9yJTVDJTIyJTNBJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjNlZWUlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyTElGRiVFMyU4MiU5MiVFNSU4OCVBOSVFNyU5NCVBOCVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MyVBNiVFMyU4MyVCQyVFMyU4MiVCNiVFMyU4MyVCQyVFMyU4MiU5MiVFOCVBOCU4OCVFNiVCOCVBQyVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSU5MyVFMyU4MSVBOCVFMyU4MSVBRiVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MSVCRSVFMyU4MSU5OSVFMyU4MSU4QiVFRiVCQyU5RiU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMTglMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzE3MmI0ZCU1QyUyMiUyQyU1QyUyMnRleHRBbGlnbiU1QyUyMiUzQSU1QyUyMmxlZnQlNUMlMjIlMkMlNUMlMjJmb250V2VpZ2h0JTVDJTIyJTNBJTVDJTIyYm9sZCU1QyUyMiU3RCUyQyU1QyUyMmFsaWdubWVudCU1QyUyMiUzQSU3QiU1QyUyMmhvcml6b250YWwlNUMlMjIlM0ElNUMlMjJzdGFydCU1QyUyMiU3RCUyQyU1QyUyMmJvcmRlciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzOTk5JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMnRvcCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIycmlnaHQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmJvdHRvbSU1QyUyMiUzQXRydWUlMkMlNUMlMjJsZWZ0JTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJ3aWR0aCU1QyUyMiUzQTElN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA== |
---|
|
LIFFの場合はFlightboard上に反映されません。 LIFFの計測の場合はGoogleアナリティクスでご実施ください。 |
Aura panel |
---|
params | JTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmljb24lNUMlMjIlM0ElN0IlNUMlMjJzaXplJTVDJTIyJTNBMTglMkMlNUMlMjJuYW1lJTVDJTIyJTNBJTVDJTIyZmFRdWVzdGlvbkNpcmNsZSU1QyUyMiUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMTcyYjRkJTVDJTIyJTdEJTJDJTVDJTIyYmFja2dyb3VuZENvbG9yJTVDJTIyJTNBJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjNlZWUlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyV2hhdFlhJUUzJTgxJUFFJUU5JTk2JTg5JUUzJTgxJTk4JUUzJTgyJThCJUUzJTgzJTlDJUUzJTgyJUJGJUUzJTgzJUIzJUUzJTgyJTkyJUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgxJUE4JUUzJTgwJTgxTElGRiVFMyU4MSU4QyVFOSU5NiU4OSVFMyU4MSU5OCVFMyU4MiU4QiVFMyU4MiU4OCVFMyU4MSU4NiVFMyU4MSVBQiVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSU5MyVFMyU4MSVBOCVFMyU4MSVBRiVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MSVCRSVFMyU4MSU5OSVFMyU4MSU4QiVFRiVCQyU5RiU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMTglMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzE3MmI0ZCU1QyUyMiUyQyU1QyUyMnRleHRBbGlnbiU1QyUyMiUzQSU1QyUyMmxlZnQlNUMlMjIlMkMlNUMlMjJmb250V2VpZ2h0JTVDJTIyJTNBJTVDJTIyYm9sZCU1QyUyMiU3RCUyQyU1QyUyMmFsaWdubWVudCU1QyUyMiUzQSU3QiU1QyUyMmhvcml6b250YWwlNUMlMjIlM0ElNUMlMjJzdGFydCU1QyUyMiU3RCUyQyU1QyUyMmJvcmRlciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzOTk5JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMnRvcCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIycmlnaHQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmJvdHRvbSU1QyUyMiUzQXRydWUlMkMlNUMlMjJsZWZ0JTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJ3aWR0aCU1QyUyMiUzQTElN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA== |
---|
|
大変恐れ入りますが、弊社としてサポートできる方法はございません。 Image Addedただ、代替案として、CSSでWhatYaの閉じるボタンの要素を非表示にしていただく方法はございます。 以下、ご参考までに閉じるボタン非表示のサンプルのCSSを記載いたします。 コード ブロック |
---|
| /* CSSサンプル 閉じるボタン非表示 */
#_ChatHeader_CloseIcon {
display: none;
} |
WhatYaの閉じるボタンを非表示にしていただくことで、LIFF側の閉じるボタンのみ表示されます。 Image Added |
その他ご不明点がありましたら、WhatYaヘルプセンターにお問い合わせくださいませ。
Aura button |
---|
params | JTdCJTIyaHJlZiUyMiUzQSUyMmh0dHBzJTNBJTJGJTJGc29sYWlyby5hdGxhc3NpYW4ubmV0JTJGc2VydmljZWRlc2slMkZjdXN0b21lciUyRnBvcnRhbCUyRjElMkZncm91cCUyRi0xJTIyJTJDJTIyaHJlZlR5cGUlMjIlM0ElMjJsaW5rJTIyJTJDJTIyaHJlZlRhcmdldCUyMiUzQSUyMl9ibGFuayUyMiUyQyUyMmJhY2tncm91bmQlMjIlM0ElMjIlMjMxNzJiNGQlMjIlMkMlMjJjb2xvciUyMiUzQSUyMiUyM0ZGRkZGRiUyMiUyQyUyMmxhYmVsJTIyJTNBJTIyV2hhdFlhJUUzJTgzJTk4JUUzJTgzJUFCJUUzJTgzJTk3JUUzJTgyJUJCJUUzJTgzJUIzJUUzJTgyJUJGJUUzJTgzJUJDJTIyJTJDJTIyYm9yZGVyUmFkaXVzJTIyJTNBJTIyMTAlMjIlMkMlMjJvdXRsaW5lZCUyMiUzQSUyMm91dGxpbmVkJTIyJTJDJTIyaWNvblBvc2l0aW9uJTIyJTNBJTIycmlnaHQlMjIlMkMlMjJpY29uJTIyJTNBJTIyZmFFeHRlcm5hbExpbmtBbHQlMjIlMkMlMjJzaXplJTIyJTNBJTIybWVkaXVtJTIyJTJDJTIyZWxldmF0aW9uJTIyJTNBJTIyZmxhdCUyMiUyQyUyMmFsaWdubWVudCUyMiUzQSUyMmNlbnRlciUyMiU3RA== |
---|
|