比較バージョン

キー

  • この行は追加されました。
  • この行は削除されました。
  • 書式設定が変更されました。

...

※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
paramsJTdCJTIydHlwZSUyMiUzQSUyMnRleHQlMjIlMkMlMjJzZXJpYWxpemVkU3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYWxpZ25tZW50JTVDJTIyJTNBJTdCJTVDJTIyaG9yaXpvbnRhbCU1QyUyMiUzQSU1QyUyMnN0YXJ0JTVDJTIyJTdEJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU3QiU1QyUyMm5hbWUlNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzMzMyU1QyUyMiUyQyU1QyUyMnNpemUlNUMlMjIlM0EyNCU3RCUyQyU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzM0NDQ0NCU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMjQlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlMkMlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgyJUE0JUUzJTgzJUExJUUzJTgzJUJDJUUzJTgyJUI4JTVDJTIyJTdEJTJDJTVDJTIyYm9yZGVyJTVDJTIyJTNBJTdCJTVDJTIydG9wJTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJyaWdodCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIyYm90dG9tJTVDJTIyJTNBdHJ1ZSUyQyU1QyUyMmxlZnQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMzQ0NDQ0JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMndpZHRoJTVDJTIyJTNBMiU3RCUyQyU1QyUyMnNpemUlNUMlMjIlM0ElN0IlN0QlN0QlMjIlN0Q=

...

Aura pretty title
paramsJTdCJTIyY29sb3IlMjIlM0ElMjIlMjMzNDQ0NDQlMjIlMkMlMjJmb250U2l6ZSUyMiUzQTE2JTJDJTIyZm9udFdlaWdodCUyMiUzQSUyMm5vcm1hbCUyMiUyQyUyMmxpbmVIZWlnaHQlMjIlM0E1MyUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlMkMlMjJ0YWclMjIlM0ElMjJoMSUyMiUyQyUyMmNsb3VkVGV4dCUyMiUzQSUyMkxJRkYlRTglQTglQUQlRTUlQUUlOUElRTMlODElQUIlRTUlQkYlODUlRTglQTYlODElRTMlODElQUElRTQlQkQlOUMlRTYlQTUlQUQlRTMlODElQUYlRTQlQkIlQTUlRTQlQjglOEIzJUUzJTgxJUE0JUUzJTgxJUFFJUUzJTgyJUI5JUUzJTgzJTg2JUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgxJUE3JUUzJTgxJTk5JUUzJTgwJTgyJTVDbiUyMiU3RA==
Aura cards
paramsJTdCJTIyZ3V0dGVyJTIyJTNBJTIyNyUyMiUyQyUyMmxheW91dCUyMiUzQSUyMmljb24tbGVmdCUyMiUyQyUyMmNvbHVtbnMlMjIlM0ElMjIzJTIyJTJDJTIydGhlbWUlMjIlM0ElMjJhdXJhLWFjY2VudCUyMiUyQyUyMmhvdmVyJTIyJTNBJTIyZWxldmF0ZSUyMiUyQyUyMmRlY29yYXRpb24lMjIlM0ElMjJub25lJTIyJTJDJTIyaW1hZ2VIZWlnaHQlMjIlM0ElMjI2MCUyMiUyQyUyMmltYWdlUG9zaXRpb24lMjIlM0ElMjJsZWZ0JTIyJTJDJTIycGFkZGluZyUyMiUzQSUyMjUlMjIlMkMlMjJjYXJkc0NvbGxlY3Rpb24lMjIlM0ElMjIlNUIlN0IlNUMlMjJ0aXRsZSU1QyUyMiUzQSU1QyUyMlNURVAxJUVGJUJDJTlBV2hhdFlhJUUzJTgyJUJGJUUzJTgyJUIwJUUzJTgxJUFFJUU1JTlGJThCJUUzJTgyJTgxJUU4JUJFJUJDJUUzJTgxJUJGJTVDJTIyJTJDJTVDJTIyYm9keSU1QyUyMiUzQSU1QyUyMiU1QyUyMiUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZTczMTZlJTVDJTIyJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU1QyUyMmZhUGFwZXJQbGFuZSU1QyUyMiUyQyU1QyUyMmhyZWYlNUMlMjIlM0ElNUMlMjIlNUMlMjIlMkMlNUMlMjJocmVmVHlwZSU1QyUyMiUzQSU1QyUyMnBhZ2UlNUMlMjIlN0QlMkMlN0IlNUMlMjJ0aXRsZSU1QyUyMiUzQSU1QyUyMlNURVAyJUVGJUJDJTlBTElGRiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFOCVBOCVBRCVFNSVBRSU5QSU1QyUyMiUyQyU1QyUyMmJvZHklNUMlMjIlM0ElNUMlMjIlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyM2Y2YWMwZSU1QyUyMiUyQyU1QyUyMmljb24lNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJpbWFnZSU1QyUyMiUzQSU1QyUyMmh0dHBzJTNBJTJGJTJGdWNoaWRhLXRlc3QtbWFzdGVyLnMzLmFtYXpvbmF3cy5jb20lMkZ0ZXN0MiUyRnN0ZXAyLnBuZyU1QyUyMiUyQyU1QyUyMmltYWdlVHlwZSU1QyUyMiUzQSU1QyUyMmxpbmslNUMlMjIlMkMlNUMlMjJocmVmJTVDJTIyJTNBJTVDJTIyJTVDJTIyJTJDJTVDJTIyaHJlZlR5cGUlNUMlMjIlM0ElNUMlMjJwYWdlJTVDJTIyJTdEJTJDJTdCJTVDJTIydGl0bGUlNUMlMjIlM0ElNUMlMjJTVEVQMyVFRiVCQyU5QSVFMyU4MyVBQSVFMyU4MyU4MyVFMyU4MyU4MSVFMyU4MyVBMSVFMyU4MyU4QiVFMyU4MyVBNSVFMyU4MyVCQyVFOCVBOCVBRCVFNSVBRSU5QSU1QyUyMiUyQyU1QyUyMmJvZHklNUMlMjIlM0ElNUMlMjIlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzA2YTNlMCU1QyUyMiUyQyU1QyUyMmljb24lNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJpbWFnZSU1QyUyMiUzQSU1QyUyMmh0dHBzJTNBJTJGJTJGdWNoaWRhLXRlc3QtbWFzdGVyLnMzLmFtYXpvbmF3cy5jb20lMkZ0ZXN0MiUyRnN0ZXAzLnBuZyU1QyUyMiUyQyU1QyUyMmltYWdlVHlwZSU1QyUyMiUzQSU1QyUyMmxpbmslNUMlMjIlMkMlNUMlMjJocmVmJTVDJTIyJTNBJTVDJTIyJTVDJTIyJTJDJTVDJTIyaHJlZlR5cGUlNUMlMjIlM0ElNUMlMjJwYWdlJTVDJTIyJTdEJTVEJTIyJTdE

STEP1:WhatYaタグの埋め込み

STEP2:LIFFアプリ設定

...

パネルをクリックすると、各STEPの手順に移動します。

Aura panel
paramsJTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDElMjVFRiUyNUJDJTI1OUFXaGF0WWElMjVFMyUyNTgyJTI1QkYlMjVFMyUyNTgyJTI1QjAlMjVFMyUyNTgxJTI1QUUlMjVFNSUyNTlGJTI1OEIlMjVFMyUyNTgyJTI1ODElMjVFOCUyNUJFJTI1QkMlMjVFMyUyNTgxJTI1QkYlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyU1RFUDElRUYlQkMlOUFXaGF0WWElRTMlODIlQkYlRTMlODIlQjAlRTUlOUYlOEIlRTMlODIlODElRTglQkUlQkMlRTMlODElQkYlNUMlMjIlMkMlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE4JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMxNTJBMjklNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA==

LIFF用に新たにページを作成し、WhatYaタグを埋め込んでいただきます。

Aura panel
paramsJTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDIlMjVFRiUyNUJDJTI1OUFMSUZGJTI1RTMlMjU4MiUyNUEyJTI1RTMlMjU4MyUyNTk3JTI1RTMlMjU4MyUyNUFBJTI1RTglMjVBOCUyNUFEJTI1RTUlMjVBRSUyNTlBJTVDJTIyJTdEJTdEJTJDJTVDJTIyaGVhZGxpbmUlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTdCJTVDJTIydGV4dCU1QyUyMiUzQSU1QyUyMlNURVAyJUVGJUJDJTlBTElGRiVFOCVBOCVBRCVFNSVBRSU5QSU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMTglMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzE1MkEyOSU1QyUyMiUyQyU1QyUyMnRleHRBbGlnbiU1QyUyMiUzQSU1QyUyMmxlZnQlNUMlMjIlMkMlNUMlMjJmb250V2VpZ2h0JTVDJTIyJTNBJTVDJTIyYm9sZCU1QyUyMiU3RCU3RCUyQyU1QyUyMmJhc2UlNUMlMjIlM0ElN0IlNUMlMjJib3hTaGFkb3clNUMlMjIlM0ElN0IlNUMlMjJzaGFkb3dzJTVDJTIyJTNBJTVCJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjJyZ2JhKDAlMkMlMjAwJTJDJTIwMCUyQyUyMDAuMDgpJTVDJTIyJTJDJTVDJTIyeCU1QyUyMiUzQTAlMkMlNUMlMjJ5JTVDJTIyJTNBMSUyQyU1QyUyMmJsdXIlNUMlMjIlM0ExJTJDJTVDJTIyc3ByZWFkJTVDJTIyJTNBMCU3RCUyQyU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjE2KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMyUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTElN0QlNUQlN0QlMkMlNUMlMjJib3JkZXJSYWRpdXMlNUMlMjIlM0ElN0IlNUMlMjJyYWRpdXMlNUMlMjIlM0E0JTdEJTJDJTVDJTIyYmFja2dyb3VuZENvbG9yJTVDJTIyJTNBJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjNmZmZmZmYlNUMlMjIlN0QlN0QlN0QlMjIlMkMlMjJ0YWIlMjIlM0ExJTdE

こちらはLINE Developpersの管理画面にて設定を行います。

Aura panel
paramsJTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmxpbmslNUMlMjIlM0ElN0IlNUMlMjJ0eXBlJTVDJTIyJTNBJTVDJTIybGluayU1QyUyMiUyQyU1QyUyMnZhbHVlJTVDJTIyJTNBJTVDJTIyaHR0cHMlM0ElMkYlMkZzb2xhaXJvLmF0bGFzc2lhbi5uZXQlMkZ3aWtpJTJGc3BhY2VzJTJGV0hBVDElMkZwYWdlcyUyRjIyMzQzMTg4OTglMkZXaGF0WWElMkJMSUZGJTIzU1RFUDMlMjVFRiUyNUJDJTI1OUElMjVFMyUyNTgzJTI1QUElMjVFMyUyNTgzJTI1ODMlMjVFMyUyNTgzJTI1ODElMjVFMyUyNTgzJTI1QTElMjVFMyUyNTgzJTI1OEIlMjVFMyUyNTgzJTI1QTUlMjVFMyUyNTgzJTI1QkMlMjVFOCUyNUE4JTI1QUQlMjVFNSUyNUFFJTI1OUElNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyU1RFUDMlRUYlQkMlOUElRTMlODMlQUElRTMlODMlODMlRTMlODMlODElRTMlODMlQTElRTMlODMlOEIlRTMlODMlQTUlRTMlODMlQkMlRTglQTglQUQlRTUlQUUlOUElNUMlMjIlMkMlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE4JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMxNTJBMjklNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA==

こちらはLINE公式アカウントの管理画面にて設定を行います。

STEP1:WhatYaタグの埋め込み

STEP1はLIFF用に新たにページを作成し、WhatYaタグを埋め込んでいただきます。

御社にてLIFF(LINEブラウザ)に表示させるためのWebページを作成いただき、弊社からお渡ししたタグを埋め込んでいただきます。
具体的な埋め込み方法につきましては、WhatYaデザインベンダー向け資料をご確認ください。

Aura button
paramsJTdCJTIyaHJlZiUyMiUzQSUyMmF0dDIyNTY5Mjg4MDklMjIlMkMlMjJocmVmVHlwZSUyMiUzQSUyMmF0dGFjaG1lbnQlMjIlMkMlMjJocmVmVGFyZ2V0JTIyJTNBJTIyX2JsYW5rJTIyJTJDJTIyYmFja2dyb3VuZCUyMiUzQSUyMiUyMzE3MmI0ZCUyMiUyQyUyMmNvbG9yJTIyJTNBJTIyJTIzRkZGRkZGJTIyJTJDJTIybGFiZWwlMjIlM0ElMjJXaGF0WWElRTMlODMlOTklRTMlODMlQjMlRTMlODMlODAlRTMlODMlQkMlRTUlOTAlOTElRTMlODElOTElRTglQjMlODclRTYlOTYlOTklMjIlMkMlMjJib3JkZXJSYWRpdXMlMjIlM0ElMjI4JTIyJTJDJTIyb3V0bGluZWQlMjIlM0ElMjJvdXRsaW5lZCUyMiUyQyUyMmljb25Qb3NpdGlvbiUyMiUzQSUyMmxlZnQlMjIlMkMlMjJzaXplJTIyJTNBJTIybWVkaXVtJTIyJTJDJTIyZWxldmF0aW9uJTIyJTNBJTIyZmxhdCUyMiUyQyUyMmFsaWdubWVudCUyMiUzQSUyMmNlbnRlciUyMiU3RA==

...

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設定方法をご紹介します。

  1. 「Create a new channel」をクリック

    Image Added

  2. 「LINE Login」をクリック

    Image Added

  3. チャンネルの基本情報を入力
    ※必須項目と任意項目がありますので、適宜御社の情報をご入力ください。

    Image AddedImage Added

    利用規約を確認後、チェックを入れ「Create」ボタンをクリック

    Image Added

  4. LIFFアプリの設定を追加
    タブ:LIFFをクリック

    Image Added


    新しくLIFFアプリを追加するため、「Add」ボタンをクリック

    Image Added

  5. LIFFアプリの基本情報を入力
    ※必須項目と任意項目がありますので、適宜の情報をご入力ください。

    Image Added

    Sizeは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

  6. 作成したチャンネルを公開
    「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公式アカウントの管理画面にて設定を行います。

  1. 左側メニュー:トークルーム管理 「リッチメニュー」をクリック

    Image Added

  2. 「作成」ボタンをクリック

    Image Added

  3. リッチメニュー設定画面 表示設定
    タイトル、表示期間、メニューバーのテキスト、メニューのデフォルト表示に任意の値を設定

    Image Added

  4. リッチメニュー設定画面 コンテンツ設定
    ※リッチメニューの画像の作成や設定は御社にてご用意ください。

    アクションタイプ「リンク」、URLにSTEP2で作成したLIFF(LINEのブラウザ)のURLを入力し、設定を保存

    Image Added

    以上で設定は完了となります。

Aura divider
paramsJTdCJTIydHlwZSUyMiUzQSUyMnRleHQlMjIlMkMlMjJzZXJpYWxpemVkU3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYWxpZ25tZW50JTVDJTIyJTNBJTdCJTVDJTIyaG9yaXpvbnRhbCU1QyUyMiUzQSU1QyUyMnN0YXJ0JTVDJTIyJTdEJTJDJTVDJTIyaWNvbiU1QyUyMiUzQSU3QiU1QyUyMm5hbWUlNUMlMjIlM0ElNUMlMjJmYVBhcGVyUGxhbmUlNUMlMjIlMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzMzMyU1QyUyMiUyQyU1QyUyMnNpemUlNUMlMjIlM0EyNCU3RCUyQyU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzM0NDQ0NCU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMjQlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMmJvbGQlNUMlMjIlMkMlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyJUUzJTgyJTg4JUUzJTgxJThGJUUzJTgxJTgyJUUzJTgyJThCJUUzJTgxJTk0JUU4JUIzJUFBJUU1JTk1JThGJTVDJTIyJTdEJTJDJTVDJTIyYm9yZGVyJTVDJTIyJTNBJTdCJTVDJTIydG9wJTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJyaWdodCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIyYm90dG9tJTVDJTIyJTNBdHJ1ZSUyQyU1QyUyMmxlZnQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMzQ0NDQ0JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMndpZHRoJTVDJTIyJTNBMiU3RCUyQyU1QyUyMnNpemUlNUMlMjIlM0ElN0IlN0QlN0QlMjIlN0Q=
ご不明点がありましたら、WhatYaヘルプセンターにお問い合わせくださいませ。
Aura panel
paramsJTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmljb24lNUMlMjIlM0ElN0IlNUMlMjJzaXplJTVDJTIyJTNBMTglMkMlNUMlMjJuYW1lJTVDJTIyJTNBJTVDJTIyZmFRdWVzdGlvbkNpcmNsZSU1QyUyMiUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMTcyYjRkJTVDJTIyJTdEJTJDJTVDJTIyYmFja2dyb3VuZENvbG9yJTVDJTIyJTNBJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjNlZWUlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyTElGRiVFMyU4MiU5MiVFNSU4OCVBOSVFNyU5NCVBOCVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MyVBNiVFMyU4MyVCQyVFMyU4MiVCNiVFMyU4MyVCQyVFMyU4MiU5MiVFOCVBOCU4OCVFNiVCOCVBQyVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSU5MyVFMyU4MSVBOCVFMyU4MSVBRiVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MSVCRSVFMyU4MSU5OSVFMyU4MSU4QiVFRiVCQyU5RiU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMTglMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzE3MmI0ZCU1QyUyMiUyQyU1QyUyMnRleHRBbGlnbiU1QyUyMiUzQSU1QyUyMmxlZnQlNUMlMjIlMkMlNUMlMjJmb250V2VpZ2h0JTVDJTIyJTNBJTVDJTIyYm9sZCU1QyUyMiU3RCUyQyU1QyUyMmFsaWdubWVudCU1QyUyMiUzQSU3QiU1QyUyMmhvcml6b250YWwlNUMlMjIlM0ElNUMlMjJzdGFydCU1QyUyMiU3RCUyQyU1QyUyMmJvcmRlciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzOTk5JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMnRvcCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIycmlnaHQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmJvdHRvbSU1QyUyMiUzQXRydWUlMkMlNUMlMjJsZWZ0JTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJ3aWR0aCU1QyUyMiUzQTElN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA==

LIFFの場合はFlightboard上に反映されません。
LIFFの計測の場合はGoogleアナリティクスでご実施ください。

Aura panel
paramsJTdCJTIyc3R5bGVzJTIyJTNBJTIyJTdCJTVDJTIyYm9keSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJmb250U2l6ZSU1QyUyMiUzQTE0JTJDJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjMzMzMlNUMlMjIlMkMlNUMlMjJ0ZXh0QWxpZ24lNUMlMjIlM0ElNUMlMjJsZWZ0JTVDJTIyJTJDJTVDJTIyZm9udFdlaWdodCU1QyUyMiUzQSU1QyUyMm5vcm1hbCU1QyUyMiU3RCU3RCUyQyU1QyUyMmhlYWRlciU1QyUyMiUzQSU3QiU1QyUyMmljb24lNUMlMjIlM0ElN0IlNUMlMjJzaXplJTVDJTIyJTNBMTglMkMlNUMlMjJuYW1lJTVDJTIyJTNBJTVDJTIyZmFRdWVzdGlvbkNpcmNsZSU1QyUyMiUyQyU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzMTcyYjRkJTVDJTIyJTdEJTJDJTVDJTIyYmFja2dyb3VuZENvbG9yJTVDJTIyJTNBJTdCJTVDJTIyY29sb3IlNUMlMjIlM0ElNUMlMjIlMjNlZWUlNUMlMjIlN0QlN0QlMkMlNUMlMjJoZWFkbGluZSU1QyUyMiUzQSU3QiU1QyUyMnRleHQlNUMlMjIlM0ElN0IlNUMlMjJ0ZXh0JTVDJTIyJTNBJTVDJTIyV2hhdFlhJUUzJTgxJUFFJUU5JTk2JTg5JUUzJTgxJTk4JUUzJTgyJThCJUUzJTgzJTlDJUUzJTgyJUJGJUUzJTgzJUIzJUUzJTgyJTkyJUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgxJUE4JUUzJTgwJTgxTElGRiVFMyU4MSU4QyVFOSU5NiU4OSVFMyU4MSU5OCVFMyU4MiU4QiVFMyU4MiU4OCVFMyU4MSU4NiVFMyU4MSVBQiVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSU5MyVFMyU4MSVBOCVFMyU4MSVBRiVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MSVCRSVFMyU4MSU5OSVFMyU4MSU4QiVFRiVCQyU5RiU1QyUyMiUyQyU1QyUyMmZvbnRTaXplJTVDJTIyJTNBMTglMkMlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMiUyMzE3MmI0ZCU1QyUyMiUyQyU1QyUyMnRleHRBbGlnbiU1QyUyMiUzQSU1QyUyMmxlZnQlNUMlMjIlMkMlNUMlMjJmb250V2VpZ2h0JTVDJTIyJTNBJTVDJTIyYm9sZCU1QyUyMiU3RCUyQyU1QyUyMmFsaWdubWVudCU1QyUyMiUzQSU3QiU1QyUyMmhvcml6b250YWwlNUMlMjIlM0ElNUMlMjJzdGFydCU1QyUyMiU3RCUyQyU1QyUyMmJvcmRlciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzOTk5JTVDJTIyJTJDJTVDJTIyc3R5bGUlNUMlMjIlM0ElNUMlMjJzb2xpZCU1QyUyMiUyQyU1QyUyMnRvcCU1QyUyMiUzQWZhbHNlJTJDJTVDJTIycmlnaHQlNUMlMjIlM0FmYWxzZSUyQyU1QyUyMmJvdHRvbSU1QyUyMiUzQXRydWUlMkMlNUMlMjJsZWZ0JTVDJTIyJTNBZmFsc2UlMkMlNUMlMjJ3aWR0aCU1QyUyMiUzQTElN0QlN0QlMkMlNUMlMjJiYXNlJTVDJTIyJTNBJTdCJTVDJTIyYm94U2hhZG93JTVDJTIyJTNBJTdCJTVDJTIyc2hhZG93cyU1QyUyMiUzQSU1QiU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSU1QyUyMiUyQyU1QyUyMnglNUMlMjIlM0EwJTJDJTVDJTIyeSU1QyUyMiUzQTElMkMlNUMlMjJibHVyJTVDJTIyJTNBMSUyQyU1QyUyMnNwcmVhZCU1QyUyMiUzQTAlN0QlMkMlN0IlNUMlMjJjb2xvciU1QyUyMiUzQSU1QyUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklNUMlMjIlMkMlNUMlMjJ4JTVDJTIyJTNBMCUyQyU1QyUyMnklNUMlMjIlM0ExJTJDJTVDJTIyYmx1ciU1QyUyMiUzQTMlMkMlNUMlMjJzcHJlYWQlNUMlMjIlM0ExJTdEJTVEJTdEJTJDJTVDJTIyYm9yZGVyUmFkaXVzJTVDJTIyJTNBJTdCJTVDJTIycmFkaXVzJTVDJTIyJTNBNCU3RCUyQyU1QyUyMmJhY2tncm91bmRDb2xvciU1QyUyMiUzQSU3QiU1QyUyMmNvbG9yJTVDJTIyJTNBJTVDJTIyJTIzZmZmZmZmJTVDJTIyJTdEJTdEJTdEJTIyJTJDJTIydGFiJTIyJTNBMSU3RA==

大変恐れ入りますが、弊社としてサポートできる方法はございません。

Image Added

ただ、代替案として、CSSでWhatYaの閉じるボタンの要素を非表示にしていただく方法はございます。
以下、ご参考までに閉じるボタン非表示のサンプルのCSSを記載いたします。

コード ブロック
languagecss
/* CSSサンプル 閉じるボタン非表示 */
#_ChatHeader_CloseIcon {
        display: none;
}

WhatYaの閉じるボタンを非表示にしていただくことで、LIFF側の閉じるボタンのみ表示されます。

Image Added

その他ご不明点がありましたら、WhatYaヘルプセンターにお問い合わせくださいませ。

Aura button
paramsJTdCJTIyaHJlZiUyMiUzQSUyMmh0dHBzJTNBJTJGJTJGc29sYWlyby5hdGxhc3NpYW4ubmV0JTJGc2VydmljZWRlc2slMkZjdXN0b21lciUyRnBvcnRhbCUyRjElMkZncm91cCUyRi0xJTIyJTJDJTIyaHJlZlR5cGUlMjIlM0ElMjJsaW5rJTIyJTJDJTIyaHJlZlRhcmdldCUyMiUzQSUyMl9ibGFuayUyMiUyQyUyMmJhY2tncm91bmQlMjIlM0ElMjIlMjMxNzJiNGQlMjIlMkMlMjJjb2xvciUyMiUzQSUyMiUyM0ZGRkZGRiUyMiUyQyUyMmxhYmVsJTIyJTNBJTIyV2hhdFlhJUUzJTgzJTk4JUUzJTgzJUFCJUUzJTgzJTk3JUUzJTgyJUJCJUUzJTgzJUIzJUUzJTgyJUJGJUUzJTgzJUJDJTIyJTJDJTIyYm9yZGVyUmFkaXVzJTIyJTNBJTIyMTAlMjIlMkMlMjJvdXRsaW5lZCUyMiUzQSUyMm91dGxpbmVkJTIyJTJDJTIyaWNvblBvc2l0aW9uJTIyJTNBJTIycmlnaHQlMjIlMkMlMjJpY29uJTIyJTNBJTIyZmFFeHRlcm5hbExpbmtBbHQlMjIlMkMlMjJzaXplJTIyJTNBJTIybWVkaXVtJTIyJTJDJTIyZWxldmF0aW9uJTIyJTNBJTIyZmxhdCUyMiUyQyUyMmFsaWdubWVudCUyMiUzQSUyMmNlbnRlciUyMiU3RA==