この記事では「Webメッセージのテンプレートを選択する」で説明した「固定バー」を選択した場合、メッセージとして設定可能な項目を説明します。
「Webメッセージの作成をはじめる」に従い、キャンペーンを作成しWebメッセージのコンテンツにあたるメッセージ部分を設定するための記事です。
メッセージで設定できる項目は多く存在するため、4つに分割し説明していきます。
メッセージ
①パターン・タイプ・メッセージの表示タイミング
項目名 | 説明 |
---|---|
パターン | 操作対象のパターンを選択します。 [コントロールグループ]をクリックするとコントロールグループ(統制群)の設定ができます。詳しくは「Webメッセージの配信対象者を各パターンに振り分ける」で説明します。 [追加]をクリックするとA/Bテストを行うためのパターンを複数作成できます。詳しくは「WebメッセージのA/Bテストを実施し効果測定をする」を確認してください。 |
タイプ | スタンダード、カスタムのどちらかを選択します。 カスタムを選択するとHTML・CSS・JavaScriptを利用し、テンプレートをアレンジできます。カスタムでの設定項目は、この記事ではなく「Webメッセージをカスタムする」を確認してください。 |
メッセージの表示タイミング | メッセージの表示タイミングを調整できます。 - 配信トリガーの発生後、すぐに表示 - 配信トリガーの発生後、以下のいずれかの条件を満たした時表示 詳細は「Webメッセージの表示タイミングを設定する」を参照してください。 |
②固定バー・閉じるボタン・画像
項目名 | 説明 |
---|---|
固定バー | メッセージを表示する画面幅固定長バナー部分の設定です。 上記サンプルではオレンジ色で表示されている箇所です。 |
閉じるボタン | メッセージを表示するバナー部分の右上に表示される閉じるボタンのデザインを設定します。 上記サンプルでは青色と白色で表示しています。 |
画像 | メッセージに表示する画像を指定します。画像の指定がないテンプレートもあります。 |
固定バー
項目名 | 説明 |
---|---|
背景色 | 固定バーの背景の色を設定します。 |
余白 | 固定バーの中に表示するコンテンツ部分の余白を上下左右で設定します。pxによる絶対値で指定します。 ※固定バーを表示させる範囲の余白ではありません。 |
位置調整 | 上下方向へ固定バーの位置調整ができます。pxによる絶対値で指定します。 |
上下位置 | 画面上下のどちらに固定バーを表示するかを指定します。 |
閉じるボタン
項目名 | 説明 |
---|---|
チェックボックス | メッセージを閉じるボタンの表示有無を選択します。 閉じるボタンを表示しない場合でも、オーバーレイを設定していればユーザーはメッセージを非表示にすることが出来ます。 |
位置 | 閉じるボタンの位置をダイアログの内側にするか、外側にするかを指定します。 |
背景色 | 閉じるボタンの色を設定します。 |
アイコン | 閉じるボタンのバツ部分(アイコン)の色を設定します。 |
画像
メッセージで指定できる画像形式は下記です。
- ファイルフォーマット:JPEG、PNG、GIF
- ファイルサイズ:最大 1MB
画像つき固定バー
画像サイズ 推奨:150px ✕ 150px 以上(デスクトップ、モバイル)
画像での指定項目は下記です。
項目名 | 説明 |
---|---|
画像 | ファイルを選択しアップロードする、もしくはURLを入力し画像を指定します。 |
角丸 | 画像の角をどのくらい丸く切り抜くか指定します。 |
③見出し・本文
項目名 | 説明 |
---|---|
見出し(任意) | メッセージのヘッダーを指定します。設定項目は下記です。 - 文言(最大文字数:5000字) - テキストの大きさ - 太字選択 - 左寄せ/中央寄せ/右寄せ - 色/余白 |
本文(任意) | メッセージの本文を指定します。設定項目は下記です。 - 文言(最大文字数:5000字) - テキストの大きさ - 太字選択 - 左寄せ/中央寄せ/右寄せ - 色/余白 [高さを固定する]を選択すると、本文が固定バーの高さを超える場合にスクロールバーが表示され、本文が長くなっても固定バーのサイズが維持できます。 |
④ボタン・プレビュー
項目名 | 説明 |
---|---|
ボタンの表示 | ボタンの余白を上下左右で指定します。 複数のボタンがあるテンプレートでは配置方向を選択できます。 - 縦並び - 横並び - 2x2 |
ボタン |
メッセージに表示するボタンの設定をします。 選択したテンプレートにより最大ボタン1〜ボタン2まで設定できます。(ボタンの指定がないテンプレートもあります。) |
プレビュー | 作成しているメッセージのデザインを確認できます。 作成中のメッセージの簡易的なデザインチェックに使用し、実際の表示確認には[プレビューをサイトで確認]をクリックしてください。 詳しくは「Webメッセージをプレビュー機能で確認する」で説明します。 |
ボタン
項目名 | 説明 |
---|---|
ボタン | ボタンの詳細を設定します。 - テキスト(最大文字数:5000字) - テキストの大きさ - 太字選択 - 左寄せ/中央寄せ/右寄せ - ボタンの背景色 - テキストの色 - ボタンの枠線の有無/色 - 外枠の角の丸み |
URLもしくはディープリンク(任意) | ボタンをクリックした時、遷移するURL(最大文字数:1000字)を指定します。 指定したURLのWebページを開いたり、アプリを起動しアプリ内の任意の画面に遷移することができます。URLもしくはディープリンクを指定しない場合、ボタンをクリックするとWebメッセージが閉じます。 - リンクを別タブで表示 デフォルトでは選択されておらず、現在のタブで表示します。 [リンクを別タブで表示]を選択すると、指定したURLへ遷移する際に別タブでページを表示します。URLもしくはディープリンクを指定しない場合、現在のページが別タブで開きます。 |
トラッキングイベント名 | ボタンをクリックしたときに記録されるイベント名を入力します。 配信結果の確認時、効果測定に利用できます。 |
Webメッセージのメッセージ部分の設定が完了しました。
次の設定項目にあたる「Webメッセージの配信対象者を各パターンに振り分ける」を参照してください。