この記事では「Webメッセージのテンプレートを選択する」で説明した「その他」を選択した場合、メッセージとして設定可能な項目を説明します。
その他
その他にあたるテンプレートは3種類あります。
項目名 | 説明 |
---|---|
シルバーエッグ(2商品) |
シルバーエッグ・テクノロジー社のレコメンドサービス(アイジェント・レコメンダー)と連携し、レコメンデーションを行うテンプレートです。 詳しくは「開発ドキュメント > シルバーエッグレコメンドメッセージ」を確認してください。 |
オリジナル | テンプレートを利用せず、HTMLとCSSを記述しメッセージを作成するテンプレートです。 詳しくは「Webメッセージをカスタムする」で説明します。 |
アイコン | 画像をアイコンとして表示するテンプレートです。 |
アイコン
テンプレートでアイコンを選択した場合、メッセージとして設定可能な項目を説明します。
「Webメッセージの作成をはじめる」に従い、キャンペーンを作成しWebメッセージのコンテンツにあたるメッセージ部分を設定します。
メッセージで設定できる項目は多く存在するため、2つに分割し説明していきます。
メッセージ
①パターン・タイプ・メッセージの表示タイミング・表示位置
項目名 | 説明 |
---|---|
パターン | 操作対象のパターンを選択します。 [コントロールグループ]をクリックするとコントロールグループ(統制群)の設定ができます。詳しくは「Webメッセージの配信対象者を各パターンに振り分ける」で説明します。 [追加]をクリックするとA/Bテストを行うためのパターンを複数作成できます。詳しくは「WebメッセージのA/Bテストを実施し効果測定をする」を確認してください。 |
タイプ | スタンダード、カスタムのどちらかを選択します。 カスタムを選択するとHTML・CSS・JavaScriptを利用し、テンプレートをアレンジできます。 カスタムでの設定項目は「Webメッセージをカスタムする」を確認してください。 |
メッセージの表示タイミング | メッセージの表示タイミングを調整できます。 - 配信トリガーの発生後、すぐに表示 - 配信トリガーの発生後、以下のいずれかの条件を満たした時表示 詳細は「Webメッセージの表示タイミングを設定する」を参照してください。 |
表示位置 | アイコンを利用する場合、タイプは[ウィンドウまたはページ上に固定]が選択されます。 ページ全体に対して配置する位置を以下から指定します。 - 左上 - 上 - 右上 - 左 - 中央 - 右 - 左下 - 下 - 右下 |
②画像・アイコン・閉じるボタン・プレビュー
項目名 | 説明 |
---|---|
画像 | メッセージとして表示するアイコンの画像を指定します。 上記サンプルではReproのロゴを画像で表示しています。 |
アイコン | メッセージとして表示するアイコンのデザインを設定します。 |
閉じるボタン | メッセージとして表示するアイコン部分の右上に表示される閉じるボタンの表示有無・デザインを設定します。 上記サンプルでは灰色と白色で表示しています。 |
プレビュー | 作成しているメッセージのデザインを確認できます。 作成中のメッセージの簡易的なデザインチェックに使用し、実際の表示確認には[プレビューをサイトで確認]をクリックしてください。 詳しくは「Webメッセージをプレビュー機能で確認する」で説明します。 |
画像
メッセージで指定できる画像形式は下記です。
- ファイルフォーマット:JPEG、PNG、GIF
- ファイルサイズ:最大 1MB
- 画像サイズ 推奨:150px ✕ 150px(デスクトップ、モバイル)
- 横幅が200px以上の画像を使用すると、画像が縮小して表示されます
- アスペクト比 推奨:1対1
画像での指定項目は下記です。
項目名 | 説明 |
---|---|
画像 | ファイルを選択しアップロードする、もしくはURLを入力し画像を指定します。 |
角丸 | 画像の角をどのくらい丸く切り抜くか指定します。 |
URLもしくはディープリンク(任意) | 画像をクリックした時、遷移するURL(最大文字数:1000字)を指定します。 指定したURLのWebページを開いたり、アプリを起動しアプリ内の任意の画面に遷移することができます。 - リンクを別タブで表示 デフォルトでは選択されておらず、現在のタブで表示します。 [リンクを別タブで表示]を選択すると、指定したURLへ遷移する際に別タブでページを表示します。 |
トラッキングイベント名 (任意) | 画像をクリックしたときに記録されるイベント名を入力します。 配信結果の確認時、効果測定に利用できます。 |
アイコン
項目名 | 説明 |
---|---|
背景色 | アイコンの背景の色を設定します。 |
横幅 | アイコンの横幅を設定します。pxによる絶対値もしくは%による相対値で指定します。 pxを指定した場合の最大値は200px、%を指定した場合の最大値は100%です。 |
位置調整 | 左右、上下それぞれの方向に指定幅で移動させます。pxによる絶対値で指定します。 |
閉じるボタン
項目名 | 説明 |
---|---|
チェックボックス | メッセージを閉じるボタンの表示有無を選択します。 閉じるボタンを表示しない場合、ユーザーはアイコンとして表示されるメッセージを消すことができません。 |
位置 | 閉じるボタンの位置をダイアログの内側にするか、外側にするかを指定します。 |
背景色 | 閉じるボタンの色を設定します。 |
アイコン | 閉じるボタンのバツ部分(アイコン)の色を設定します。 |
Webメッセージのメッセージ部分の設定が完了しました。
次の設定項目にあたる「Webメッセージの配信対象者を各パターンに振り分ける」を参照してください。