ポップアップ一覧
自社のホームページやランディングページなどの外部サイトに「ポップアップ」を表示し、LINE公式アカウントの友だち登録やキャンペーンページなどへ誘導するための画面です。
仕組みは次のとおりです。ここで作成したポップアップごとに、サイトに貼り付けるための小さなスクリプト（Javascriptタグ）が発行されます。そのタグを自社サイトのページに設置しておくと、サイトの訪問者に対して、設定した条件（ページを開いてから一定時間が経ったとき、一定割合までスクロールしたとき など）でポップアップ画像が表示されます。訪問者が画像をクリックすると、設定しておいた誘導先URL（友だち追加URLなど）へ移動します。表示回数やクリックなどの成果は「ポップアップ管理 > レポート一覧」で確認できます。
全体の流れは次のとおりです。
この画面では、作成済みのポップアップを一覧で確認し、新しく作成したり、編集・削除したりできます。
場所: サイドバー「ポップアップ > ポップアップ一覧」（URL: /popup）
一覧の見方
一覧には次の列が表示されます。並び順の初期値は「最終更新日」の新しい順です。
| 列 | 内容・意味 |
|---|---|
| （チェックボックス） | 行を選択するためのチェックボックスです。複数選択して、まとめて削除するときに使います。 |
| （画像） | 設定したポップアップ画像のサムネイルです。 |
| ポップアップ名 | ポップアップの管理用の名前です。 |
| ステータス | 「有効」か「無効」かを表します。「無効」のポップアップはサイトに設置していても表示されません。 |
| メモ | 管理者用に入力したメモです。 |
| 最終更新日 | このポップアップを最後に更新した日付です。 |
| 編集 | クリックすると、そのポップアップの編集画面へ移動します。 |
| 削除 | クリックすると、そのポップアップを削除する確認画面が開きます。 |
並び替えができます
「ポップアップ名」「ステータス」「メモ」「最終更新日」の各列は、見出しをクリックして並び替えできます。
まとめて削除できます
左端のチェックボックスで複数のポップアップを選ぶと、上部に「○件選択中」のバーが表示され、「選択したポップアップを削除」からまとめて削除できます。
画面右上には次のボタンがあります。
| ボタン | 内容 |
|---|---|
| 新規作成 | 新しいポップアップを作成する画面を開きます。 |
| JSONエクスポート | 登録済みのポップアップ設定をJSONファイルとして書き出します。 |
| サンプルダウンロード | JSONインポート用のサンプルファイルをダウンロードします。 |
| JSONインポート | サンプル形式のJSONファイルを読み込み、ポップアップを一括で取り込みます。 |
ポップアップを作成する
右上の「新規作成」を押すと、作成フォームが開きます。入力欄は「基本情報」と「詳細設定」の2つのまとまりに分かれています。
基本情報
| 項目 | 必須 | 形式 | 意味・制約 |
|---|---|---|---|
| ポップアップ名 | 必須 | テキスト | 管理用の名前です。一覧に表示されます。 |
| ポップアップ画像 | 必須 | 画像 | サイトに表示する画像です。アップロードできるファイルサイズは最大5MBまでです。 |
| 管理者用メモ | 任意 | テキスト | 管理用のメモです。サイト訪問者には表示されません。 |
詳細設定
| 項目 | 必須 | 形式 | 意味・制約 |
|---|---|---|---|
| ステータス | - | 切替（有効/無効） | 「有効」でサイトに表示されます。「無効」にすると、タグを設置していても表示されません。初期値は「有効」です。 |
| 表示タイプ | - | 選択（モーダル/バナー） | 「モーダル」は画面中央に重ねて大きく表示します。「バナー」はタグを貼った場所にそのまま画像を差し込みます。初期値は「モーダル」です。 |
| 表示タイミング | 任意 | 複数選択 | ポップアップを表示するきっかけです。下表の4つから選べます（複数選択可）。「表示タイプ」が「モーダル」のときだけ表示・利用できます。 |
| 滞在時間 | 条件付き必須 | 数値（秒） | 「表示タイミング」で「滞在時間で指定」を選んだときに表示される入力欄です。ページを開いてから指定した秒数が経つと表示します。0以上・9桁以内の整数で入力します。 |
| スクロール率 | 条件付き必須 | 数値（%） | 「表示タイミング」で「スクロール率で指定」を選んだときに表示される入力欄です。ページを指定した割合までスクロールすると表示します。0〜99の整数で入力します。 |
| クリック時のURL | 任意 | テキスト（URL） | 画像がクリックされたときに開くURLです（友だち追加URLなど）。空欄の場合は、クリックしてもポップアップが閉じるだけになります。 |
| クエリパラメータを引き継ぐ | 任意 | チェック | チェックすると、設置ページのURLの「?」以降の文字列を、クリック時のURLに引き継ぎます。 |
| クリック時のタブの扱い | - | 選択（同タブ/別タブ） | クリック時のURLを同じタブで開くか、新しいタブで開くかを選びます。初期値は「同タブ」です。 |
表示タイミングの4つの選択肢
| 選択肢 | 表示されるきっかけ |
|---|---|
| ブラウザバック時(戻るボタンタップ時) | 訪問者がブラウザの「戻る」を操作したときに表示します。 |
| タブの変更時 | 訪問者が別のタブに切り替えるなど、ページが非表示になったときに表示します。 |
| 滞在時間で指定 | ページを開いてから指定秒数が経過したときに表示します（上の「滞在時間」欄で秒数を指定）。 |
| スクロール率で指定 | ページを指定割合までスクロールしたときに表示します（上の「スクロール率」欄で割合を指定）。 |
バナーを選ぶと表示タイミングは使いません
「表示タイプ」を「バナー」に切り替えると、「表示タイミング」「滞在時間」「スクロール率」の設定は隠れます。バナーはタグを設置した場所にそのまま表示されるため、これらの表示条件は使いません。
入力が終わったら、画面下部の「保存」を押すと作成されます。「キャンセル」を押すと、保存せずに一覧へ戻ります。
サイトへの設置方法
作成したポップアップを実際のサイトに表示するには、専用のスクリプト（Javascriptタグ）をサイトに設置します。手順は次のとおりです。
- 一覧から対象のポップアップの「編集」を開きます。
- 編集画面の詳細設定にある「Javascriptタグ」欄に、設置用のタグが表示されています（例:
<script src="https://cdn.subscline.jp/sdk/popup/v1/latest.js?id=○○○"></script>）。横のコピーボタンでコピーできます。 - コピーしたタグを、ポップアップを表示したい自社サイトのページに貼り付けます。
- 「モーダル」の場合は、ページのどこに貼っても画面中央に重ねて表示されます。
- 「バナー」の場合は、タグを貼り付けた場所にそのまま画像が差し込まれるので、表示したい位置に設置してください。
Javascriptタグは作成後に発行されます
Javascriptタグは、ポップアップを保存したあとの「編集」画面で確認できます。新規作成のフォーム上にはまだ表示されません。
注意点
編集・作成・削除には権限が必要です
ポップアップの「新規作成」「編集」「削除」、JSONのエクスポート／インポートは、ポップアップ管理権限（ポップアップを管理）を持つアカウントにのみ表示されます。権限がない場合、これらのボタンや列は表示されず、一覧の閲覧のみとなります。
「無効」のポップアップは表示されません
ステータスが「無効」のポップアップは、Javascriptタグを設置していてもサイト上に表示されません。表示を止めたいときは、タグを外さずにステータスを「無効」に切り替える方法も使えます。
誘導先URLは必ず設定しましょう
「クリック時のURL」が空欄だと、画像をクリックしてもポップアップが閉じるだけになり、友だち追加などへ誘導できません。LINEの友だち追加URLなどを設定してください。
成果はレポートで確認できます
表示回数やクリックなどの成果は「ポップアップ > レポート一覧」で確認できます。