Sequential Popup
プレビュー
発火条件
| 実行トリガー | 発火タイミング |
|---|
DOM Ready | DOMが生成されたとき |
Exit | Popup表示までの待機時間 で設定した秒数の間、ブラウザのナビゲーションエリア（ページコンテンツエリア以外）にマウスカーソルを移動、もしくは別タブに移動したとき |
Inactive | 非アクティブ時間 で設定した秒数の間、ページ内でインタラクションがないとき |
Scroll | ページ全体の高さを100%としたとき、最上部から指定した距離%をスクロールしたとき |
Click | Content Zone で指定した要素をクリックしたとき |
※ Exit はデスクトップブラウザのマウスイベントをトリガーにしているため、スマートフォンブラウザでは発火しません。
遅延時間: 実行トリガーが Click の場合は、0秒を推奨します。
表示位置
| 項目名 | 左右位置 | ブラウザ端
からの距離 |
|---|
左 | | 可 |
中央 | | 不可 |
右 | | 可 |
| 項目名 | 上下位置 | ブラウザ端
からの距離 |
|---|
上 | | 可 |
中央 | | 不可 |
下 | | 可 |
ポップアップ
| 項目名 | 説明/備考 |
|---|
ポップアップの数 | 最大3枚まで設定できます |
ポップアップの幅 | ポップアップ領域の幅 |
ポップアップの角丸 | – |
ポップアップの背景色 | ポップアップ領域の色 |
ポップアップのボーダー太さ | ポップアップ領域の枠線の太さ |
ポップアップのボーダー色 | ポップアップのボーダー色 |
ポップアップのＸボタン色 | ポップアップのクローズボタンの色 |
ポップアップの影 | – |
ポップアップ内側の余白 | 値を大きく設定するとコンテンツ領域が小さくなります |
ブラウザ端からの距離 | 表示位置を中央に設定すると適用されません |
ポップアップのアニメーション | フェードイン表示を設定します |
アニメーション方向 | フェードイン中に適用される方向 |
コンテンツ要素間の余白 | ポップアップ内の各要素の距離 |
背景レイヤー | ポップアップの外側へオーバーレイを表示 |
ページスクロールをロック | ポップアップを表示中にスクロールをロック |
背景レイヤー色 | – |
テキスト
| 項目名 | 説明/備考 |
|---|
見出しのフォントサイズ | - |
見出しテキスト色 | - |
本文のフォントサイズ | - |
本文テキスト色 | - |
ボタン共通
| 項目名 | 説明/備考 |
|---|
ボタンのフォントサイズ | - |
ボタンのボーダー太さ | - |
ボタンの角丸 | - |
進む/完了/戻る ボタン
| 項目名 | 説明/備考 |
|---|
進む/完了/戻る ボタンのテキスト色 | - |
進む/完了/戻る ボタンのボーダー色 | - |
進む/完了/戻る ボタンの背景色 | - |
戻る ボタンを表示: チェックすると 戻る ボタン の設定項目が表示されます
コンテンツ テキスト
| 項目名 | 説明/備考 |
|---|
ポップアップ*枚目 見出しテキスト | - |
ポップアップ*枚目 本文テキスト | - |
ポップアップ*枚目 画像URL | - |
画像にリンク先URLを付与する | チェックをすると、以下の2項目を設定します |
遷移先の画面 | 別ウィンドウで開くか否かを設定します |
ポップアップ*枚目 画像のリンク先URL | - |
コンテンツ ボタン
| 項目名 | 説明/備考 |
|---|
ポップアップ*枚目 進む/戻る/完了 ボタン | リンクは設定できません |
Content Zone
発火条件 を Click に指定した場合は設定が必要です。
Content Zone で設定した要素をクリックするとポップアップが表示されます。