1. Top
  2. 機能ガイド
  3. Webメッセージ
  4. ダイアログの概要
Repro Web Repro Web

ダイアログの概要

ダイアログ

ダイアログタイプのWebメッセージでは、表示位置やオーバーレイの有無を指定して、画像やテキスト、ボタンを組み合わせたメッセージを表示することができます。

また、メッセージがサイトの上に浮いた形で表示されるため、よく目立つのが特徴。ユーザーに強く主張したいコンテンツを表示するのに有効です。

おすすめの用途

  • ECにおけるクーポン
  • ユーザー全員に周知したいアンケートやお知らせなど

下記のフォームに入力してWebメッセージを作成します。
ここでは各項目の詳細について解説します。

オーバーレイ

メッセージを表示する際に、画面全体を要素(オーバーレイ)で覆うかどうかを選択できます。オーバーレイをつけることでユーザーの目線を止め、メッセージに注目してもらうことができます。また、オーバーレイで覆われた画面をクリックすると、メッセージとオーバーレイのどちらも非表示になります。

閉じるボタン

メッセージを閉じるボタン(メッセージの右上に配置)の表示有無を選択できます。閉じるボタンを表示しない場合でも、オーバーレイを設定していればユーザーはメッセージを非表示にすることができます。

背景色

オーバーレイの背景色とダイアログ部分の背景色、閉じるボタンの背景色を個別に指定できます。なお、閉じるボタンは背景色だけでなく、アイコンの色も指定可能です。

画像

メッセージに表示する画像を指定できます。画像サイズはテンプレートによって3種類あります。

  • ファイルフォーマット: JPEG、PNG、GIF
  • ファイルサイズ: 最大: 1MB

大きな画像のダイアログ

  • 画像サイズ - 推奨: 600px × 500px 以上(デスクトップ、モバイル)

小さな画像のダイアログ

  • 画像サイズ - 推奨: 150px × 150px 以上(デスクトップ、モバイル)

画像のみのダイアログ

  • 画像サイズ - 推奨: 800px × 800px(デスクトップ、モバイル)

見出し (任意)

メッセージのヘッダーを指定します。テキストの色を指定できます。

本文

メッセージの本文を指定します。テキストの色を指定できます。

アクションボタン

アクションボタンに表示するテキストを指定します。ボタンの枠線の色、ボタンの背景色、テキストの色を指定できます。

URLもしくはディープリンク (任意)

URLもしくはディープリンクを指定すると、ボタンを押したときに指定したURLのページを開いたり、アプリを起動させて、任意の画面に遷移させたりすることができます。
URLもしくはディープリンクを指定しない場合、ボタンを押しても画面遷移などの処理は発生せず、Webメッセージの表示が終了します。

  • 文字列長:最大1000文字

トラッキングイベント名 (任意)

トラッキングイベント名を指定すると、ボタンをクリックしたときに計測されるイベントを設定することができます。