会員サイトの事務処理は会員が増えるたびに大変に…

有料契約２カ月目の人に継続特典を渡す
あと7日で有効期限が切れる方に案内メールする
月額のお支払が滞った人に督促メールする

たったこれだけの作業ですが・・・
毎日発生する会員への対応も数が少ないうちは自力で対応できますが、増えてくると手が回らなくなり、対応漏れやミスも発生しやすくなります。

これらの作業はタスク管理を使うと自動化することができます。

運営者

会員の方への対応が増えてきたのでシステムさんお願いできませんか？

システム

ハイ、カンタンデス！
タスク管理で一度設定してもらえれば毎日自動で繰り返します！

タスク管理とは？

STEP 1 毎日、毎時など定期的にタスクが起動する

システムが毎日、毎時、スケジュールされたとおりに自動でタスクが起動します。

STEP 2 対象者を特定する

会員データから「有効期限があと3日の方」を検索し対象者を特定します。

STEP 3 対象者のデータ変更＆メール送信する

対象者のデータを変更し自動でメールをします。

タスクは連続させる事ができます

先ほどの有効期限切れ３日前に案内メールを出す３つのステップ（ＳＴＥＰ１からＳＴＥＰ３）を１タスクとします。
このタスクが終わった人にさらに次のタスク２を実行し、さらにその次のタスク３を実行することで一連の作業を自動化することができます。

例えば、有料会員のお試しを14日間設けていて、その有効期限が切れそうな人にメールをして、入会しなかった人を自動でメルマガ会員に移行するなどの処理が可能になります。

応用するといろいろな事が自動でできるようになります。

【ケース１】入会して1日毎に動画を会員マイページ内に追加してメールを送信

あらかじめ用意してあった複数の動画ページを入会日を起点として１日１本の動画を自動で公開していくパターンです。

順番に見せたい「初心者レッスン動画」や「オンライン動画講座」などに利用できます。

１日では消化しきれない多数の動画が入会とともに一気に見れてしまう普通の会員マイページより、動画が徐々に公開される事でユーザーの消化不良をおこしにくくなるメリットがあります。

【ケース２】月額課金の回数により動画コンテンツを自動で解放

会員のお支払が実際あったかどうかを毎月チェックして、お支払があった場合のみその月のコンテンツが閲覧可能になるパターンです。

全自動中では対応できないケースにも対応！　資料請求などのリアルな作業をはさんだタスク

当システムのタスク管理を利用すると全自動で作業が進みますが、全自動では都合が悪いケースが出てきます。
例えば、入会後に資料を郵送する場合などは一旦自動を止めて手動をはさむ必要があります。

１、お客様がフォームから新規登録する

２【登録から3時間後】自動
　　→　システムから「登録ありがとう」メールが送信される。

３【郵便で資料を送り、済の人をシステムでチェック】手動
　　→　システムから「資料送りましたメール」が送信される。

４【郵送手配から３日後】自動
　　→　システムから「届きました？メール」が送信される。

５【郵送手配から５日後】自動
　　→　システムから「無料メール講座に登録」が送信される。

６【郵送手配から６日後】自動
　　→　システムから「ステップメール１通目」が送信される

７【郵送手配から７日後】自動
　　→　システムから「ステップメール２通目」が送信される

８【郵送手配から８日後】自動
　　→　システムから「ステップメール３通目」が送信される

手動対応しなければならないタスクは要対応リストとしてダッシュボードで確認可能なので、対応漏れをすぐにチェックすることができます。

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

パスワード:

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

パスワード:

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

パスワード:

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

パスワード:

実際の解析画面

このページの作業を行うと以下のようなGoogle Analytics画面で会員マイページ内のURLとページタイトル、アクセス数が計測できるようになります。

Google Analyticsのアクセス解析タグの設置

手順

Google Analyticsにログインして新しいプロパティを作成します。

デフォルトのURLは当システムの会員マイページのURLに設定してください。
末尾は「members/」になります。

アクセス解析タグ（トラッキングコード）をGoogle Analyticsから取得

Google Analyticsにログインして設定＞プロパティのトラッキングコードを開いてください。
プロパティが無い場合には新規作成してください。

当システムのアクセス解析タグの挿入 にペースト

環境設定のアクセス解析タグの挿入の下の方になります。

Google Analyticsで会員マイページのアクセス数を解析する

詳細

Google Analyticsで行動＞すべてのページを開き「contents.php」で絞り込みます。

contents.phpとは当システムの会員マイページ＞ページ一覧で作成したページになります。
この絞り込みをしない場合には単純に会員マイページ内のすべてのページの解析になります。

セカンダリディメンションで「ページタイトル」を指定します。

会員マイページ内の閲覧順に解析結果が表示されます。

一覧ページとは？

会員マイページ内の複数のページをコンテンツ部分に一覧表示（下記図②）して利用者が使いやすいページが作成できます。
通常のサイドメニュー（下記図①）は管理画面で別途作成できますがそれとは別になります。

一覧が生成される仕組みは、ページの見出しに「自動生成したいページの一覧を指定した専用コード」を埋め込むことで表示します。

設置手順

１　目的に合った「一覧用コード」を選択

２　一覧用コードを適宜変更
　一覧用コードは当ページ記載のデザインサンプルにあります。　

３　一覧を表示したい見出しの編集画面を開きコードを張り付ける
　→記事（見出し）を編集エリアを開く方法

一覧用コードの変更ルール

一覧用コードの基本構造

<!--data
0,74,155
0,75,156
0,76,157
-->
 
<!--template:動画一覧-->
<span data-stcheck2="%%status_id%%,%%cont_id%%">
<a href="contents.php?cont_id=%%cont_id%%" class="">%%page_title%%</a>
<hr>
</span>
<!--template:動画一覧-end-->

一覧用コードはdata部分とtemplate部分で構成されています
変更が必要なのはdata部分になります。

２～４行目　data　必要に応じて変更する（ステータスID、ページＩＤ、フォームＩＤなどの数値）
８～１１行目　template　変更の必要がありません（ボタン1つあたりのhtml）になりdataの数だけ繰り替えされます。

dataの変更方法

<!--data
0,74,155
0,75,156
0,76,157
-->

■変更ルール
・一覧表示したいページは１ページ１行で設定する
・1行分の書式は半角英数で、3つの数字をカンマで区切り作成する
・数字の役割は左から「ステータスID」「ページID」「フォームID」

■各行の数字の詳細

デザインサンプル

シンプルなテキストリンク

テキストはページ名、クリックすると該当のページを表示

<!--data
0,74
0,75
0,76
-->

<!--template:動画一覧-->
<span data-stcheck2="%%status_id%%,%%cont_id%%">
<a href="contents.php?cont_id=%%cont_id%%" class="">%%page_title%%</a>
<hr />
</span>
<!--template:動画一覧-end-->

より高度な利用例

ステップメール連動に使えるタイプ

ページ閲覧権がある場合：ボタンを表示
ページ閲覧権がない場合：ボタンを非表示

詳しい設置方法は【タイプ２】ステップメール連動タイプをご覧ください。

既読ボタンに使えるタイプ

ページ閲覧権がある場合：ボタンを表示
ページ閲覧権がない場合：ボタンを表示するがリンクはしない

詳しい設置方法は【タイプ３】既読ボタンタイプをご覧ください。

回答フォームに使えるタイプ

ページ閲覧権がある場合：ボタンを表示
ページ閲覧権がない場合：ボタンを表示するがリンクはしない
上記に加え各動画に付属させる「追加申請フォーム」の申請状態をチェックして表示します。
詳しい設置方法は【タイプ４】回答フォームタイプをご覧ください。

ページの個別販売に使える一覧表示

【ボタンの表示】
指定したページの閲覧権がある場合：ボタンを表示
指定したページの閲覧権がある場合：ボタンを表示するが押せない

【ボタンのリンク】
各ボタンに付属させる「購入フォーム」の状態をチェックして表示。
未購入の場合、指定した購入フォームにリンク
購入済の場合、指定した購入済のページにリンク

詳しい設置方法は【タイプ５】個別販売タイプをご覧ください。

他サービスの申し込み状況を一覧表示

【ボタンの表示】
指定したステータスの所持がある場合：ボタンを表示
指定したステータスの所持がない場合：ボタンを表示するが押せない

【ボタンのリンク】
各ボタンに付属させる「購入フォーム」の状態をチェックして表示。
未購入の場合、指定した購入フォームにリンク
購入済の場合、指定したステータスのページにリンク

詳しい設置方法は【タイプ６】課金連動タイプをご覧ください。

LINE連携の特徴

LINE連携で出来る事

１　LINEアカウントで会員登録

ユーザーはLINEアカウントを利用して、当システムの会員登録が行えます。
既存の登録フォームにLINE登録の仕組みを追加したので、無料版、有料版など各ステータスに振り分けはもちろんや利用期限や秘密のページ開放など細かく設定することが可能です

　ユーザーはLINEで登録を利用したほうが簡単になり登録率アップが期待できる上に、正確なメールアドレスの取得が可能になります。

ユーザーの手順の比較（既存のフォームとLINE登録の比較）

	通常フォーム	LINEアカウントで登録
STEP 01	フォームを開く	フォームを開く
STEP 02	メール、名前を手入力 メールアドレスの入力ミスがあった場合でもそのまま登録されてしまう。	LINEで登録ボタンを押す メールと名前はLINEから取得するので入力が不要でかつ正確なメールアドレスが取得できる。
STEP 03	送信ボタンを押す	LINE連携で許可ボタンを押す
STEP 04	登録完了	登録完了

フォームのタイプは2種類

・登録フォーム（シングルオプトイン）でＬＩＮＥ登録
登録フォームを開いて「LINE登録ボタン」を押すとLINEに登録してあるメールアドレス名前を自動取得してユーザー登録完了するタイプ
このLINE登録ボタン単体でも外部サイトに張り付け可能なのでYoutubeの概要欄やＬＰに直接埋め込む事が可能です。
→登録フォーム（シングルオプトイン）で登録する手順

【ユーザーの手順】

・購入フォーム（登録時に決済を伴うタイプ）でＬＩＮＥ登録
購入フォームを開いて「LINE登録ボタン」を押すとLINEに登録してあるメールアドレス名前を自動取得してフォームに代入、引き続き決済情報を入力して購入完了するタイプ
→購入フォームで登録する手順

【ユーザーの手順】

２　LINEアカウントで会員マイページのログイン

当システムの会員マイページのログインがLINEアカウントを利用して行えます。
ログインの際にLINEアカウントでユーザーを特定できますので、IDとパスワードの入力不要になります。

会員のログイン方法は２通り

１　ログインページからワンボタンでログイン
ユーザーはIDとパスワードを入力することなく、マイページにログインできます。

【ユーザーの手順】ログインページからログインする手順

２　LINEアプリを起動しタイムラインからログイン
友達登録された公式アカウントのトーク上に配置されたマイページログインボタンで、 IDとパスワード を入力することなく、マイページにログインできます。
→LINEアプリからログインする手順

【ユーザーの手順】 LINEアプリからログインする手順

３　既存会員にもLINE連携や友達登録を促進します

当システムの会員にLINE連携や友達登録を促進します。
→当システムの会員になっていてLINEの友達登録されていない場合はマイページのアカウントページでLINE連携や友達登録をお勧めします。
この機能は、デフォルトで非公開になっています。ステータス毎に表示非表示の設定が可能です。

LINEで友達になっている人で当システムに登録のない人のメールや名前をＬＩＮＥから取得可能です。
→当システムのご利用以前にLINE公式アカウントで友達を集めている方にお勧めです。
LINE上だけでなくメールアドレスを取得すれば継続的に連絡可能になります。
こちらはLINEアプリからログイン＆登録できるようにするを使います。

ＬＩＮＥアプリから会員登録機能付きログインリンクを押した時の仕組み

LINE連携を利用する場合の注意事項

友達登録によりユーザーからの問合せがLINEから入るようになります。
LINEの友達登録をすると、ユーザーは気軽にメッセージをLINEから送ることができるようになり、対応が増える可能性があります。対応はLINE公式アカウントの管理画面から返信できます。

LINEアプリの使い方など技術サポートが増える可能性があります。
LINEの使い方など、本来の業務ではない技術サポートを求められる可能性が高くなります。これを回避するために、当社の方でユーザー向けＱ＆Ａを用意していますのでご活用ください。

タイムラインの操作関連はLINE公式アカウントの管理画面で行います。
LINEユーザーへの一斉配信やステップ配信などは、公式アカウントの管理画面から行えますので、当システムでは実装しておりません。
・ユーザーのタイムラインに投稿
・ステップ配信
・タイムライン上のログインボタンの設置
など

利用シーン（例）

Youtube動画の概要欄からの導線

ランディングページからの導線

ＱＲコードからからの導線

事前準備 （一度だけ行う）

LINEの準備

２　LINE公式アカウントの登録

LINE公式アカウントとは？
LINE公式アカウントは、企業や店舗がLINE上にアカウントを作り、友だちとして登録されているユーザーにさまざまな情報を届けることができるサービスです。当システムとの連携を行う際に必要になります。

LINE公式アカウントを取得します。

LINE公式アカウントの作り方を参考に作成してください
https://www.linebiz.com/jp/column/technique/20190418-3/

アカウントを取得したメールアドレス、パスワードは次の手順「当システムとの連携初期設定」で利用するLINEデベロッパー管理画面にも利用します。

ビジネスアカウントでログインでログインをします。

https://manager.line.biz/

「LINE Official Account Manager」（管理画面） にログインできたらこの手順は完了です。

LINE公式アカウント（無料）を取得し「LINE Official Account Manager」（管理画面）にログインできるところまで

３　プロバイダの作成

LINEデベロッパーにログインする

LINE公式アカウントで取得したメールアドレスとパスワードでログインができます。
https://developers.line.biz/console/

ログイン後画面が英語の場合

新規プロバイダー作成する

詳細

プロバイダーで作成ボタンを押します。

新規プロバイダー作成画面で会社名や組織名を入力して作成します。

プロバイダーに会社名追加されます。

チャネル（Messaging API）の作成

LINE認証時に公式アカウントを友達登録してもらうために必要なMessaging APIを作成します。

詳細

LINE Official Account Manager（管理画面）にアクセス

https://manager.line.biz/

アカウントリストから友達登録したいアカウントをクリックします。

「設定」＞「Messaging API」を選択します。

「Messaging APIを利用する」をクリックし、プロバイダーを作成、「同意する」をクリック。
※プロバイダーは後で変更はできません。プロバイダー設定・作成する際は十分に確認してください。

同意後、確認画面が表示されるので「OK」をクリックすると Messaging APIが有効になります。

プライバシーポリシーと利用規約の入力

以下の画面がで出る場合がありますので
①には当システムの環境設定で設定されている「個人情報の管理・取り扱いについて」記載のURLをご利用ください。
②は利用規約をご自身で用意してご記入ください（任意入力のためここでは飛ばしてもＯＫ）

Messaging APIが作成完了

以下の画面になりますが設定は不要です。

【確認のため】LINEデベロッパーにログインする

LINE公式アカウントで取得したメールアドレスとパスワードでログインができます。
https://developers.line.biz/console/

プロバイダにMessaging APIチャネルが追加されたことを確認します。

完了

特にMessaging APIの設定はありません。作成できていればこの手順は完了です。

チャネル（LINEログイン）の作成

LINEログインとLINEで会員登録を実装するための設定です。

１　チャネルの作成と当システムとの連携設定

LINEデベロッパーにログインする

LINE公式アカウントで取得したメールアドレスとパスワードでログインができます。
https://developers.line.biz/console/

LINEログイン用のチャネル作成する

詳細

左メニューから作成したプロバイダー名をクリックします。

新規チャネル作成をクリックしてLINEログインを選択

設定画面で以下のように設定します。

チャネルの種類	入力済み	LINEログイン
プロバイダー	入力済み	会社名など
地域	必須	日本を選択
チャネルアイコン	任意	友達登録する際に表示されます
チャネル名	必須	サービス名などを入力
チャネル説明	必須	サービス概要などを入力
アプリタイプ	必須	ウェブアプリを選択
メールアドレス	入力済み	チャネルに関する重要なお知らせが、このメールアドレスに送信されます。
プライバシーポリシーURL	任意	当システムで自動生成されたページを入力
サービス利用規約URL	任意	ない場合いは省略
LINE開発者契約 の内容に同意	必須	チェックを入れる

完了　

LINE ログインと書かれたチャネルが作成される

作成したLINEログイン用のチャネルを当システムと連携する

詳細

LINE ログインと書かれたチャネルをクリックします。

当システムの「コールバックURL」をLINEログイン設定にセットします。

コールバックURLは

当システムの　運用設定＞LINE連携設定に記載があります。

チャネル基本設定の「チャネルID」「チャネルシークレット」２点を当システムにセットします。

チャネルIDとチャネルシークレットは

当システムの　運用設定＞LINE設定に記載があります。

完了

２　チャネル基本設定をしっかり行う

LINEデベロッパーにログインしてLINEログイン用のチャネルを開きます

１，LINE公式アカウントで取得したメールアドレスとパスワードでログインができます。
https://developers.line.biz/console/

２，ＬＩＮＥログイン用のチャネルを開きます。

LINE ログインと書かれたチャネルをクリックします。

チャネル基本設定を精査する

詳細

チャネル基本設定を開き以下の内容を再度確認します。

再度以下の内容について詳細に記載をすることをお勧めします。

チャネルアイコン	任意	友達登録する際に表示されます。 サイズは500×500ピクセル https://www.canva.com/などでロゴ画像を簡単に作成することができます。
チャネル名	必須	サービス名などを入力
チャネル説明	必須	サービス概要などを入力
プライバシーポリシーURL	任意	当システムで自動生成されたページを入力します。 当システムの運用設定　＞環境設定にある　「個人情報の管理・取り扱いについて」のURLを入力してください。

完了

メールアドレス取得権限の設定

ユーザーがLINEアプリを認証と同時にLINEに登録されているメールアドレスを取得するための設定です。

詳細

OpenID Connectを申請する

「チャンネル基本設定」の詳細画面の下部にあります、「OpenID Connect」が表示されている下ある、「申請」ボタンをクリックしてください。

OpenID Connectの入力

表示された申請内容にある「このアプリでは、ユーザー…」と「LINE User Data …」のチェックボックスにチェックを入れてください。
「スクリーンショット」には、メールアドレスの取得／利用目的が記載されたものをアップロードする必要があります。

スクリーンショットの内容

当システムの作成済みのフォームを開き、「確認して、同意します。」が表示されている箇所をスクリーンショットを撮り申請してください。以下のような画像であれば問題ありません。

OpenID Connect申請の確認

申請が完了すれば「申請済み」と表記されます。この表記がされていれば、LINEログインを使用してメールアドレスを取得できます。

完了

公式アカウントの友達登録の設定

ユーザーがLINEアプリを認証と同時に友達登録をするための設定です。
アプリの認証後も友達の登録は可能ですができる限り同時にさせたほうがユーザーの手間がかかりません。

詳細

チャネル基本設定を開きます。

リンクされたボットをクリックして作成済みのMessaging APIチャネルを選択します。

完了

３　チャネルを公開する

LINEログインのチャネルは「非公開」のステータスで作成されます。
ステータスを「公開済み」に変更する事で管理者以外でも利用が可能になります。

LINEログインのチャネルを表示 しページ上部の［開発中］をクリックします。

公開済みになれば完了です。

友達追加のボタン設定

設定手順

LINEアカウントマネージャーにアクセス

https://manager.line.biz/

URLを作成

URLを当システムにセットする。

当システムの　運用設定＞LINE設定を開きます。

会員マイページのアカウントで表示されます。

LINEアカウントと連携済みだが友達が登録されていない場合にのみ表示されます。

LINEでログイン作成手順（一度だけ行う）

（ログインページからリンクする）ユーザーに案内するLINEのQ&Aページの作成

ユーザーから寄せられるであろうLINEアプリの使い方Ｑ＆Ａをあらかじめ作成しましたので、スムーズにサービスを提供開始できます。
こちらは「よくある質問」機能をマイページ外でも見る事ができるリンクを発行しログイン前にユーザーに提供します。

１，よくある質問機能を利用してQ&Aページを作成

Ｑ＆Ａ用のテキスト素材をダウンロード

ダウンロード

よくある質問にQ&Aを作っていく

よくある質問の作成手順

通常メニュー　＞　サポートデスク　＞よくある質問　を開きます

編集したいカテゴリの[詳細]をクリックします。

内容編集して保存します。

（１）カテゴリ…質問を追加するカテゴリを選択します。
（２）質問…質問の内容を入力します。
（３）答え…質問に対する答えを入力します。
答えはhtmlが利用できますが、改行は
に変換されます。

完成形

２，作成したページの一般公開用URLの取得

通常メニュー　＞　サポートデスク　＞よくある質問　を開きます

よくある質問をログインなしで表示する方法を押します。

URLとタグが表示されます。

↑で作成したURLは以下のログインページで利用します。

ログインページからLINEでログインできるようにする

【ユーザーの手順】ログインページからログインする手順

設定手順

運用設定＞LINE設定を開き先ほど取得したヘルプ用のURLを入力します。

作成したページの一般公開用URLの取得で取得したURLになります。

会員マイページ＞会員マイページ設定を開きます。

ログイン画面のカスタマイズ（新バージョン）でLINEログインつきログイン画面にチェックをして保存

①初期状態に戻すにチェックを入れて　LINEログインつきログイン画面にチェック
既に内容をカスタマイズしている場合には、上書きされますので別途保存しておいてください。
②保存します。
③ログイン画面はこちらからプレビューできます。

LINEアプリからログインできるようにする

【ユーザーの手順】 LINEアプリからログインする手順

リッチメニューの作成手順

「LINE Official Account Manager」（管理画面）にビジネスアカウントでログインをします。

https://manager.line.biz/

左メニューからリッチメニューを開き作成ボタンを押します。

リッチメニューの設定を行います。

１　会員ログインとします。
２　表示期間はなるべく長期の期間を入力
３　その他テキストで会員ログイン
４　表示する
５　メニューのテンプレートを選択します。ボタン画像にすると目立ちやすいです。
６　リンクを選択
７　当システムの「LINEログイン設定」のコールバックURLを入力します。

８　適切なテキストを入力します。

保存すると「待機中」となり数時間後に反映されます。

すぐに公開される場合もあります。

LINEアプリで公式アカウントのトークを開きリッチメニューが追加されたら完了

トーク画面を開くには公式アカウントを友達登録されている必要があります。

LINEアプリで自分の公式アカウントを友達登録する手順

LINEアプリからログイン＆登録できるようにする

当システムの利用以前からLINEの公式アカウントを既に始めていて
そのユーザーを当システムの会員登録させたい方

リッチメニューの作成手順STEP3の７の手順の「コールバックURL」ではなく以下の「会員登録機能付きログインリンク」に変更することで利用が可能です。

会員登録機能付きログインリンクの仕組み

リンクの取得方法

【ご利用上の注意】
このリンクは登録フォーム機能の一部機能のため、登録フォームで指定されているステータスに登録されます。
以下の図の２の部分がステータスになります。


無料版、有料版など同一サービスのレベル違いで提供する場合には注意が必要で
無料版に登録するフォームに「会員登録機能付きログインリンク」を適用する場合は、無料版に登録があるか無いかを毎回ログインの度にチェックし、無料版がない場合には無料版が発行されますので、無料版を有料版にアップグレードした場合には、無料版、有料版２つのライセンスを持つことになります。

１，「会員登録機能付きログインリンク」で「無料版」に登録
２，「無料版」が「有料版」にアップグレード後に１を行う
３，新たに「無料版」が発行され「無料版」「有料版」２つのライセンスが存在することになる。

上記を踏まえおすすめの設定は？
「無料版」「有料版」とは別にすべてのサービスの元となる「LINE登録専用の会員」ステータスを作成します。
この会員にLINEで登録した後に、新規ライセンス発行で「無料版」「有料版」を発行すれば住み分けができます。
１，「会員登録機能付きログインリンク」で「LINE登録専用の会員」に登録
２，１を行っても「LINE登録専用の会員」は増えない
３，「無料版」「有料版」は新規ライセンス追加のフォームで提供

【リンクの取得方法】
（１）登録フォームを開きシングルオプトインであることを確認
（２）登録先のステータスを確認
（３）重複登録の制限をするにして一度保存します。
（４）LINE登録用ボタンを押して
（５）リンクを取得します。（リッチメニューのリンク先として利用してください。）

アカウントページへＬＩＮＥ連携ボタンを表示する

当システムの会員になっていてLINEの友達登録されていない場合はマイページのアカウントページでLINE連携や友達登録をお勧めします。
この機能は、デフォルトで非公開になっています。ステータス毎に表示非表示の設定が可能です。

設定手順

運用設定　＞　ＬＩＮＥ連携設定を開きます

アカウント詳細に連携ボタンの表示で表示したいステータスを指定してください。

指定したステータスの会員マイページにログインしてアカウント情報を開いて表示を確認します。

LINEで会員登録するためのフォーム作成

登録フォーム（シングルオプトイン）でＬＩＮＥ登録

登録フォーム（シングルオプトイン）にLINEで登録ボタンを設置

シングルオプトインの登録フォームの作成

登録フォームの新規作成方法はこちら

基本設定　＞　LINE登録を有効にする

レイアウト設定の注意書きに文言を追加します。

フォーム中のLINE登録ボタンを押すと、認証画面に遷移しますが、LINEの仕様でデフォルトでは友達登録をしないにチェックされていますので、注意書きをすることにより、友達登録の促進ができます。

（１）フォームのレイアウト設定を開きます。
（２）注意書きに文言を追加します。
（３）保存します。
（４）フォームに追加した文言が表示されます。
以下の文言をコピーしてお使いください。

LINEアカウントで登録が可能です。

（１）以下ボタンを押すと認証画面が開きます
（２）友達登録のチェックをしてください
（３）友達登録すると次回からログインが簡単にできます。

ぜひお友達登録を忘れずにお願いします！

登録完了ページと登録完了メールのカスタマイズ

登録完了ページに友達登録を再度お願いする文言です。
友達登録することによってLINEアプリからID、パスワード無しで簡単入室する事ができますが、
「友達登録してください」より「マイページへ手間なくアクセスするための設定」のような文言で案内すると登録の敷居が下がるためお勧めします。

（１）フォームのレイアウト設定（無料登録）設定を開きます。
（２）登録完了ページの追加文章（HTML可）に以下の文言に差し替え
★がついている部分はご自身の内容に書き換えてください。

<div class="topics_back">
<div align="center"><strong>ユーザー登録が完了しました！</strong></div>

<div align="center"><br />
LINEでご登録いただいておりますメールアドレスへ登録完了のメールを送信いたしました。 メール内容を必ずご確認ください。</div>

<div align="center"> 
<div class="panel panel-danger">
<div class="panel-heading"><b style="color:#ff0000;">【重要】マイページへ手間なくアクセスするための設定をおこなってください！</b></div>

<div class="panel-body" style="text-align: left;">以下のリンクから「★公式アカウント名★」のLINE公式アカウントのお友達登録をお願いします。<br />
お友達登録をするとLINEアプリから、ID、パスワードの入力せずに会員マイページへログインすることが出来ます。<br />
<br />
（１）以下リンクをスマートフォンで開いてください。<br />
「★公式アカウント名★」のLINE公式アカウントのお友達登録<br />
→　<a href="★お友達登録のリンク★" target="_top">★お友達登録のリンク★</a><br />
<br />
（２）利用許可をするとLINEアプリから、ID、パスワードの 　入力せずに会員マイページへログインすることが出来ます。<br />
<br />
もし、すでに友達登録を済ませている場合には以下の方法で確認が可能です。<br />
（１）LINEアプリを開いて<br />
（２）トークから「★公式アカウント名★」<br />
　が存在していたら、友達追加されています。<br />
<br />
なお、お友達の解除やトーク履歴の削除は<br />
以下のご案内ページから簡単操作で消去できますのでご安心の上ご登録をお願いします。<br />
<br />
<a href="★LINE連携ヘルプページURL★">LINE連携とは？</a></div>
</div>
</div>

<div style="text-align: center;">会員マイページは下記よりログインできます。<br />
↓<br />
<a href="%%login_url%%">ログイン</a></div>
</div>

（３）メール内容を以下に差し替え
★がついている部分はご自身の内容に書き換えてください。

%%name%%さん

%%admin_name%%です。

ただいま【%%status%%】への登録手続きが完了いたしましたのでメールいたしました。


【重要！】マイページへ手間なくアクセスするための設定をおこなってください！

（１）以下リンクをスマートフォンで開いてください。

「★公式アカウント名★」のLINE公式アカウントのお友達登録
→　★お友達登録のリンク★

（２）利用許可をするとLINEアプリから、ID、パスワードの
　入力せずに会員マイページへログインすることが出来ます。


もし、すでに友達登録を済ませている場合には以下の方法で確認が可能です。
（１）LINEアプリを開いて
（２）トークから「★公式アカウント名★」
　が存在していたら、友達追加されています。

なお、お友達の解除やトーク履歴の削除は
以下のご案内ページから簡単操作で消去できますので
ご安心の上ご登録をお願いします。
★LINE連携のヘルプページへのリンク
★

──────────
■会員マイページの通常のログイン手順

・LINEアカウントでログインする方法
（１）ログインURLにアクセスします。
　→%%login_url%%

（２）ログインページの「LINEでログイン」ボタンを押します。

（３）マイページへログインします。


・メールアドレスでログインする方法

（１）ログインURLにアクセスします。
　→%%login_url%%
（２）以下のログイン情報でログインをお願いします。
アカウントID：%%id%%

パスワード：%%password%%

※ログイン後、覚えやすいパスワードに変更が可能です。
※万が一、パスワードを忘れた場合は
ログインURLから再設定手続きを行ってください。
──────────


今後ともよろしくお願いします。

%%footer%%

作成した登録フォームをスマホで確認する

フォームの基本設定の開始ページURLのＱＲコードボタンを押すとＱＲコードが表示されますのでスマホのカメラ機能でＱＲコードを読み取ってください。

登録フォーム（シングルオプトイン）で登録する手順

友達登録などのデータを全て消去します。

重要

フォームの登録テストで一度でも行った場合「友達登録などのデータをすべて消去」する手順が必要です。
こちらの手順で以下の内容を削除してから再度行ってください。
→ LINEで会員登録した時に得られるデータとその削除方法

フォームをシークレットモード（またはプライベートモード）で開きます

重要

フォームのテストを行う際には、ブラウザにセッション記録をリセットするため必ずシークレットモードで行うようにしてください。（これは管理者のみがフォームをテストを行う際に必要な操作でユーザーには求めない操作になります。）

以下はCrome（android）の場合のシークレットモードの開き方になりますがsafariの場合はプライベートブラウズという名前で存在しています。

Crome（android）の場合のシークレットモードの開き方

登録フォームを開きLINEアカウントで登録ボタンを押します。

LINEアプリが起動し認証画面が開きます

認証画面が出ない場合

シークレットモードで開いたフォームの場合、下記のような認証画面にならない場合があります。
その場合には、出てきた画面で「アプリで開く」というリンクを押すとLINEアプリが立ち上がり認証画面が出てきます。

許可すると登録完了

登録が完了すると「会員のLINEアプリ」や「当システム」にデータが記録されます。
再度LINE登録のテストを行う際には以下のデータをしっかり消してから行う必要があります。
→ LINEで会員登録した時に得られるデータとその削除方法

購入フォーム（登録時に決済を伴うタイプ）でＬＩＮＥ登録

購入フォームの作成方法

購入フォームの作成

フォームは新規ライセンス追加で登録時に決済を伴うタイプを選択してください。

登録フォームの新規作成方法はこちら

基本設定　＞　LINE登録を有効にする

作成した登録フォームをスマホで確認する

フォームの基本設定の開始ページURLのＱＲコードボタンを押すとＱＲコードが表示されますのでスマホのカメラ機能でＱＲコードを読み取ってください。

購入フォームで登録する手順

登録フォームを開きLINEアカウントで登録ボタンを押します。

LINEアプリ認証画面が開きます。

既に連携済みの場合には認証画面はスキップします。

名前とメールアドレスがフォームに代入されますので引き続き手続きを進める

登録後

登録が完了すると「会員のLINEアプリ」や「当システム」にデータが記録されます。
再度LINE登録のテストを行う際には以下のデータをしっかり消してから行う必要があります。
→ LINEで会員登録した時に得られるデータとその削除方法

フォームの設置方法

LINE登録ボタンを設置する方法は以下の4パータンがありますが、媒体によっては設置できないパターンがありますのでご注意ください。

設置パターン

パターン１　登録フォームにリンク

登録フォームを開き開始ページURLをお使いください。

（１）LINE連携設定済みの基本設定を開きます。
（２）開始ページURLをお使いください

パターン２　直接ＬＩＮＥ登録ボタンを埋め込む

登録フォームを開きLINEアカウントで登録ボタンを押します。

（１）LINE連携設定済みのシングルオプトインの基本設定を開きます。
（２）LINE登録用URLボタンを押します。
（３）ポップアップで表示されるURLをお使いください。

パターン３　ＬＰ内にフォームを埋め込む

登録フォームを開き「独自のランディングページを利用」にあるhtmlソースを利用します。

（１）フォームの基本設定を開きます。
（２）独自のランディングページを利用にチェックをいれ
（３）フォームのhtmlソースをランディングページに埋め込んでください。

媒体別の設置可能パターン

LINEで会員登録した時に得られるデータとその削除方法

会員がLINEで登録した時（アプリを認証した時）に「会員のLINEアプリ」や「当システム」にデータが記録されます。
再度LINE登録のテストを行う際には以下のデータをしっかり消してから行う必要があります。

LINE連携されたライセンスの削除方法

ライセンス一覧で「詳しい検索条件を開き」アカウント情報検索の「LINE連携済みにチェック」をして検索します。

（１）ライセンス一覧を開き詳しい検索条件ボタンを押す

（２）アカウント情報検索の「開く」ボタンを押す

（３）LINE連携済みにチェックをして検索

LINE連携済みのライセンスが表示されるので消去したい名前をクリック

↓

ライセンスを退会済みにします。

（１）ライセンス名をクリック
（２）ステータスを退会済みにする
（３）保存するボタンを押す

ライセンスを消去します。

（１）会員データを削除するにチェック
（２）保存するボタンを押す

ライセンスが消去され一覧に戻ります。

LINE連携されたアカウントの解除方法

ライセンス一覧で「詳しい検索条件を開き」アカウント情報検索の「LINE連携済みにチェック」をして検索します。

（１）ライセンス一覧を開き詳しい検索条件ボタンを押す

（２）アカウント情報検索の「開く」ボタンを押す

（３）LINE連携済みにチェックをして検索

LINE連携済みのライセンスが表示されるので消去したい名前をクリック

↓

アカウントのLINE連携を解除して保存します。

（１）アカウント名をクリック
（２）連携解除にチェックを入れる
（３）登録・変更するボタンを押す

Q&A

Ｑ　LINE登録が設定されているフォームの検索方法

Ａ　登録フォーム一覧からさらに詳しくを押すと「ＬＩＮＥ登録あり」にして検索すると出てきます。

動画中で案内している追記のテキストです。

<div style="border:1px solid #CCC;overflow-y: auto;padding:8px;">
<div class="midashi001_kiji">

株式会社●●●●が提供するサービス「●●●●」をご利用いただくためには、<a href="http://●●●●" target="_blank">本利用規約</a>に同意のうえ、利用登録をしていただく必要があります。利用登録にあたり、本利用規約をご確認のうえ、「利用規約に同意」チェック付けお進みください。

</div>
</div>
<br>

貼り付けサンプル

vimeo動画などのパスワードを動画下に置いて、ワンタップで簡単にコピーできる機能を提供します。

①をタップするとテキストを選択可能に
②をタップするとコピーされます。
その後動画などのパスワード入力欄に張り付けができます。

手順

事前準備（1回だけの作業）

環境設定　＞　アクセス解析タグの挿入　＞　[HTML下部]　にJSタグ追加します。

<!-- パスワードのワンタップコピー用JS ここから -->
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script>
 
<script>
var clipboard = new Clipboard('.copy_btn');    //clipboard.min.jsが動作する要素をクラス名で指定
 
//クリックしたときの挙動
$(function(){
    $('.copy_btn').click(function(){
        $(this).text('コピーしました');    //テキストの書き換え
    });
});
</script>
<!-- パスワードのワンタップコピー用JS ここまで -->

保存ボタンを押して完了です。

ページにタグを張り付ける（設置するごとの作業）

▼パスワードは以下をコピー貼り付けしてください。<br />
<div class="input-group" style="max-width:300px;">
<input type="text" value="★PASS★" class="form-control" onclick="this.select();">
<div class="input-group-btn">
<a class="btn btn-success copy_btn" data-clipboard-text="★PASS★">コピー</a>
</div>
</div>