ポップアップ(STEP1 クリエイティブ設定)

ポップアップタイプの「表示位置」「表示アニメーション」や「閉じるボタン」の設定をします。

  • 画像とメッセージ
  • カウントダウン
  • マルチ画像

「ポップアップ」テンプレート例

  • Autoテンプレート
  • カウントダウン
  • カウントダウン
  • 画像とメッセージ(背景画像)
  • 画像バナー
  • 画像とメッセージ
  • 画像とメッセージ
  • 画像とメッセージ
  • 画像とメッセージ
  • マルチ画像
  • 画像とメッセージ
  • 動画とメッセージ
  • 動画

設定画面

「ポップアップ」設定項目(クリックで拡大します。)
「ポップアップ」設定項目(※クリックで拡大します)
  1. クリエイティブが表示される位置を設定します。
    縦(上・中央・下)と横(左右・中央)を設定します。
    ※横に関しては、デスクトップ(パソコン)など大きな端末で表示の際に違いが顕著です。
    ※「見出し開閉タイプ」や「ランキング・レコメンド」など、下に固定されて表示されるものは、「上・中央」の配置は設定できません。
    左上
    左上
    中央上
    中央上
    右上
    右上
    左中央
    左中央
    右中央
    右中央
    左下
    左下
    中央下
    中央下
    右下
    右下
  2. クリエイティブが表示される時の「アニメーション」を設定します。
    なし
    アニメーションしません。
    フェードイン
    徐々に表示されます。
    上から下へ
    上から下へ移動して表示されます。
    下から上へ
    下から上へ移動して表示されます。
    左から右へ
    左から右へ移動して表示されます。
    右から左へ
    右から左へ移動して表示されます。
    shake
    揺れながら表示されます。
    boing
    拡大して表示されます。
    ページ
    グレースケール

    表示の際にページが一時的にグレーになり、クリエイティブを目立せることができます。
    ページ自体がリッチでクリエイティブが目立たない時におすすめです。
    表示例 ポップアップ

    右下
  3. ポップアップで表示しているクリエイティブの 「表示最大横幅」を設定します。
    「表示最大横幅」設定(クリックで拡大します。)
    「表示最大横幅」設定(※クリックで拡大します)

    PCなど横幅が大きな端末で閲覧した際に、大きく表示できるようになります。
    ※プレビュー表示を「デスクトップ表示」に切り替えると、サイズの確認がわかりやすくなります。
    ※初期値では290px(スマートフォンでの閲覧に適したサイズ)になっています。
    290~375px
    スマートフォンでの閲覧に適したサイズです。
    375~1000px
    デスクトップ(PC)やタブレット端末で閲覧した際、大きく表示できます。
    ※スマートフォンなど小さな端末ではみ出して表示されることはありません。
    「デスクトップ表示」例(クリックで拡大します。)
    「デスクトップ表示」例(※クリックで拡大します)
  4. クリエイティブ全体に「影」を設定します。
    なし

    表示例 ポップアップ

    影なし

    影小

    影大

    表示例 ポップアップ

    影あり
    ※一部ブラウザー(Safariなど)では、影の付き方が異なることがあります。
  5. クリエイティブを「閉じるボタン」の設定です。「表示・非表示」や「色」を設定します。
    「閉じるボタン」設定
    「閉じるボタン」設定(※クリックで拡大します)
    1. チェックボックスで「閉じる」ボタンの「表示・非表示」を設定します。
      ※チェックを入れると「表示」されます。
    2. 閉じるボタンの「色」を設定します。
      背景色
      閉じるボタンの「●」部分の色
      記号色
      閉じるボタンの「×」部分の色

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

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