モーダル(STEP1 クリエイティブ設定)

モーダルタイプの「表示アニメーション」や「閉じるボタン」の設定をします。
※モーダルの表示位置は「中央」固定となります。

  • 画像バナー
  • 画像とメッセージ(画像背景)
  • 画像とメッセージ

「モーダル」テンプレート例

  • 画像バナー
  • 画像とメッセージ(画像背景)
  • 画像とメッセージ
  • 画像とメッセージ
  • 画像とメッセージ
  • 画像とメッセージ

設定画面

「モーダル」設定項目(クリックで拡大します。)
「モーダル」設定項目(※クリックで拡大します)
  1. クリエイティブが表示される時の「アニメーション」を設定します。
    なし
    アニメーションしません。
    フェードイン
    徐々に表示されます。
    上から下へ
    上から下へ移動して表示されます。
    下から上へ
    下から上へ移動して表示されます。
    左から右へ
    左から右へ移動して表示されます。
    右から左へ
    右から左へ移動して表示されます。
    shake
    揺れながら表示されます。
    boing
    拡大して表示されます。
  2. 「表示最大横幅」を設定します。
    「表示最大横幅」設定(クリックで拡大します。)
    「表示最大横幅」設定(※クリックで拡大します)

    PCなど横幅が大きな端末で閲覧した際に、大きく表示できるようになります。
    ※プレビュー表示を「デスクトップ表示」に切り替えると、サイズの確認がわかりやすくなります。
    ※初期値では290px(スマートフォンでの閲覧に適したサイズ)になっています。
    290~375px
    スマートフォンでの閲覧に適したサイズです。
    375~1000px
    デスクトップ(PC)やタブレット端末で閲覧した際、大きく表示できます。
    ※スマートフォンなど小さな端末ではみ出して表示されることはありません。
    「デスクトップ表示」例(クリックで拡大します。)
    「デスクトップ表示」例(※クリックで拡大します)
  3. クリエイティブを「閉じるボタン」の設定です。「表示・非表示」や「色」を設定します。
    「閉じるボタン」設定
    「閉じるボタン」設定(※クリックで拡大します)
    1. チェックボックスで「閉じる」ボタンの「表示・非表示」を設定します。
      ※チェックを入れると「表示」されます。
    2. 閉じるボタンの「色」を設定します。
      背景色
      閉じるボタンの「●」部分の色
      記号色
      閉じるボタンの「×」部分の色

「STEP1 クリエイティブ設定」へ戻る

このページの
トップに戻る