【2024.9月度】Appsアップデート情報

【登録ページ作成】初心者必見!効率的な導入方法

「登録ページ作成App」の効率的な導入方法についての記事です。初心者が知っておきたいことや目指すべき目標について掲載しています。

収集可能なデータ

下記のデータが収集可能です。

メールアドレス登録Discord登録
LINE登録
DiscordとLINEは同時にメールアドレスも収集可能です

事前準備

メールアドレス登録ページ以外は事前準備が必要です。

Discord登録ページを作る場合

Discordでサーバーを作成

既に作成済みの方は新規で作成する必要はありません。Discordサーバーの作成方法についてはDiscord社の公式マニュアルをご確認ください。

Apps管理画面にログイン
サイドメニューの「ツール連携設定」をクリック
「Discordボット」をクリック
「Appsボットをインストールする」をクリック
Discordボットを任意のDiscordサーバーにインストール

LINE登録ページを作る場合

LINE公式アカウントを作成

既に作成済みの方は新規で作成する必要はありません。LINE公式アカウントの作成方法についてはLINE社の公式マニュアルをご確認ください

LINE公式アカウントを複数お持ちの方はAppsと連携させたいアカウントの管理画面まで移動してください。

「設定」をクリック
サイドメニュー「Messaging API」をクリック
「Messaging APIを利用する」という緑のボタンをクリック
アカウント作成
  • 開発者名…あなたが所属するプロバイダーまたはチャネルのAdmin権限を持つ開発者は、あなたの開発者名を確認できます。
  • メールアドレス…アカウントに関する最新情報を、このメールアドレスに送信します。あなたが所属するプロバイダーまたはチャネルのAdmin権限を持つ開発者は、あなたのメールアドレスを確認できます。
「OK」をクリック
「プロバイダーを作成」にチェックを入れて「プロバイダー名」を入力
「同意する」という緑のボタンをクリック

既にプロバイダーを作成済みの方は既存のプロバイダーで管理しても構いません。

「プライバシーポリシーと利用規約」のURLを入力
「OK」をクリック

こちらの項目は任意です。

「OK」をクリック

LINE Official Account Managerでの作業はこれで終わりです。

LINE Developersにアクセス

ページ右上の「コンソール」という黒いボタンをクリック
サイドメニューの「プロバイダー」から先ほど作成したプロバイダー名をクリック
「新規チャネル作成」をクリック
「LINEログイン」をクリック
新規チャネル作成

LINEログインをチャネルを作成します。

  • チャネルの種類…そのままでOKです
  • プロバイダー…変更できません
  • サービスを提供する地域
  • 会社・事業者の所在国・地域
  • チャネルアイコン(任意)
  • チャネル名
  • チャネル説明
  • アプリタイプ…「ウェブアプリ」を選択してください
  • 2要素認証の必須化…「OFF」の方が登録率は上がります
  • メールアドレス
  • プライバシーポリシーURL
  • サービス利用規約URL

「LINE開発者契約の内容に同意します」の内容を確認して☑

「作成」をクリック
「開発中」ボタンをクリック
確認画面が出るので「公開」をクリック
チャネルID(10桁の数字)をコピーしてメモ帳などに控えておく

この項目は「チャネル基本設定」内にあります。

チャネルシークレット(半角英数字のランダムな文字列)コピーしてメモ帳などに控えておく

この項目は「チャネル基本設定」内にあります。

「リンクされたLINE公式アカウント」でリンクするLINE公式アカウントを選択して「更新」をクリック

この項目は「チャネル基本設定」内にあります。

LINE Developersでの作業はこれで終わりです。

ページを作成する

事前準備が終わったらページを作成します。

メールアドレス登録

Apps管理画面にログイン
サイドメニュー「登録ページ作成」をクリック
「メールアドレス登録」をクリック
「新規プラン登録」をクリック
基本情報を入力する
  • 提供者名…ユーザーに公開されます
  • プラン名…ユーザーに公開されます
  • ラベル…管理用ラベルです。ユーザーに公開されません
拡張機能の設定をする(任意)
「更新」という緑のボタンをクリック
「登録フォームURL」をコピーして配布する

コピーの際は必ずコピーアイコンからコピーしてください。詳しく

Discord登録

Apps管理画面にログイン
サイドメニュー「登録ページ作成」をクリック
「Discord登録」をクリック
「新規プラン登録」をクリック
基本情報を入力する
  • 提供者名…ユーザーに公開されます
  • プラン名…ユーザーに公開されます
  • ラベル…管理用ラベルです。ユーザーに公開されません
Discord自動化ルールを設定する
  • いつ
  • どのサーバーの
  • どのロールを
  • どうする
拡張機能の設定をする(任意)
「更新」という緑のボタンをクリック
「登録フォームURL」をコピーして配布する

コピーの際は必ずコピーアイコンからコピーしてください。詳しく

LINE登録

Apps管理画面にログイン
サイドメニュー「登録ページ作成」をクリック
「LINE登録」をクリック
「新規プラン登録」をクリック
基本情報を入力する
  • 提供者名…ユーザーに公開されます
  • プラン名…ユーザーに公開されます
  • ラベル…管理用ラベルです。ユーザーに公開されません
LINEログイン設定を入力する
  • LINEログインチャネルID…先ほど控えたIDを入力
  • LINEログインチャネルシークレット…先ほど控えた文字列を入力
  • 友達追加オプションを利用する…「通常」と「強制」が選べます。登録と同時に友達追加をしてほしい場合は「強制」を選択してください。「通常」を選択すると、画面でユーザーが「友達追加」ボタンを押さないと友達追加はされません。
拡張機能の設定をする(任意)
「更新」という緑のボタンをクリック
「登録フォームURL」をコピーして配布する

コピーの際は必ずコピーアイコンからコピーしてください。詳しく