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
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で設定すること
- 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