LINEの友達追加をCVとして反映する

LINEの友達追加をCVとしてSquad beyondに反映することが可能です。

以下の2ステップでSquad beyondにLINE友達追加のCVを反映することが可能です。

1. LINE DevelopersでLIFF IDを取得
※プロバイダーと「LINEログイン」「Messaging API」の2つのチャネル作成が必要です。

2. beyondページ内にLIFF IDを指定の形で遷移先として設定

LINE Developersで準備すること

プロバイダーの作成

 1. 「LINE Developers」にアクセスし、連携予定のLineアカウントでログインする

▼ LINE Developers

https://developers.line.biz/ja/

 2. 右上の「コンソール」をクリックし、「プロバイダー」>「新規プロバイダー作成」をクリックする

LINEログインチャネル作成

 3. 「新規チャンネル作成」をクリックし、「LINEログイン」を選択する

 4. 「アプリタイプ」で、「ウェブアプリ」と選択する

 5. 必須な項目を記入し、最下部の「作成」をクリックする

 6. 「チャンネル基本設定」の横にある「LIFF」をクリックし、「追加」を押す

  7. 下記項目をご変更ください

  • サイズ:Full
  • エンドポイントURL:https://liff-app-production.mysquadbeyond.com/liff-app.html
  • Scope:openid, profile
  • 友達追加オプション:On (aggressive)

 8. 必須な項目を記入し、「追加」を押す

 9. チャンネル画面に戻り、チャンネルのステータスを「公開」に変更する

Messaging APIチャネル作成

 10. 「新規チャンネル作成」をクリックし、「Messaging API」を選択する

 

 11. 「LINE公式アカウントを作成する」をクリックし、作成する

※ すでに公式アカウントをお持ちの場合は、次の手順にお進みください。

 

 12. 「LINE Official Account Manager」にログインする

▼LINE Official Account Manager

https://manager.line.biz/

 13. 「アカウント名」をクリックし、ホーム画面に遷移する

14. 「設定」>「Messaging API」>「Messaging APIを利用する」をクリック

 

 15. プロバイダーを選択し、「同意する」をクリック

 

 16. 「Webhook URL」に下記を入力し、「保存」をクリック

https://line-friend-tracker-production.squadbeyond.workers.dev/webhook

 

 17. LINE Developersに戻り、Messaging APIチャネルが作成されていることを確認する

 

 18. Messaging APIチャネルをクリック>「Messaging API設定」>「Webhook設定」で、下記2箇所をONに変更する

  • Webhookの利用
  • Webhookの再送 

 

 19. LINEログインチャンネルをクリックし、最下部にある「友達追加オプション」の「編集」ボタンをクリックし、リンクしたいLINE公式アカウントを選択後、「更新」をクリック

 

 20. 「LIFF ID」を取得する

 

Squad beyondで設定すること

  1. VersionのCTAボタンに下記の形でリンクを設置する
https://line.me/R/app/<作成したLIFF APP ID>?liff_id=<作成したLIFF APP ID>


例:LIFF APP IDの値は「xxx-yyy」の場合、URLは下記の形になります。

https://line.me/R/app/xxx-yyy?liff_id=xxx-yyy