Banner 02
プレビュー
発火条件
| 実行トリガー | 発火タイミング |
|---|
DOM Ready | DOMが生成されたとき |
Exit | Popup表示までの待機時間 で設定した秒数の間、ブラウザのナビゲーションエリア（ページコンテンツエリア以外）にマウスカーソルを移動、もしくは別タブに移動したとき |
Inactive | 非アクティブ時間 で設定した秒数の間、ページ内でインタラクションがないとき |
Scroll | ページ全体の高さを100%としたとき、最上部から指定した距離%をスクロールしたとき |
※ Exit はデスクトップブラウザのマウスイベントをトリガーにしているため、スマートフォンブラウザでは発火しません。
表示位置/挙動
表示位置
ページスクロール時挙動
| 項目名 | 説明/備考 |
|---|
スクロールに追従 | バナーのＸボタンをクリックすると非表示になります |
自動で非表示 | スクロール開始直後に非表示になります |
| 項目名 | 説明/備考 |
|---|
バナーの背景色 | – |
バナーのＸボタン色 | – |
バナーのボーダー色 | バナーのボーダー太さが0の時は表示されません |
バナーのボーダー太さ | – |
バナー内側の余白 | – |
コンテンツ要素間の余白 | 上下左右方向で要素感の距離を指定できます |
コンテンツエリアの左右揃え | – |
コンテンツエリアの上下揃え | – |
コンテンツ：画像
| 項目名 | 説明/備考 |
|---|
画像URL | URL形式, BASE64形式で指定が可能です |
画像幅 | 最小サイズは80pxです |
コンテンツ：テキスト
| 項目名 | 説明/備考 |
|---|
見出しのテキスト | バナー要素自身にリンク指定があるため、本要素にリンク指定しても正しく動作しません |
見出しのフォントサイズ | – |
見出しのテキスト色 | – |
本文のテキスト | バナー要素自身にリンク指定があるため、本要素にリンク指定しても正しく動作しません |
本文のフォントサイズ | – |
本文のテキスト色 | – |
コンテンツ：ボタン1
ポップアップ内のボタンエリアの左に表示されるボタン。
| 項目名 | 説明/備考 |
|---|
ボタン１のリンクURL | – |
ボタン１のテキスト | ボタン要素自身にリンク指定があるため、本要素にリンク指定しても正しく動作しません |
ボタン１のフォントサイズ | – |
ボタン１のテキスト色 | – |
ボタン１の角丸 | – |
ボタン１の背景色 | – |
コンテンツ：ボタン2
ポップアップ内のボタンエリアの右に表示されるボタン。
| 項目名 | 説明/備考 |
|---|
ボタン２のリンクURL | – |
ボタン２のテキスト | ボタン要素自身にリンク指定があるため、本要素にリンク指定しても正しく動作しません |
ボタン２のフォントサイズ | – |
ボタン２のテキスト色 | – |
ボタン２の角丸 | – |
ボタン２の背景色 | – |
Content Zone
設定不要です