バナー作成方法

①ダッシュボードの「クリエイティブ」から「バナー一覧」をクリックします。

②「バナーを作成」をクリックします。

③バナーを登録・設定を行います。

コンテンツの名称

バナーの名称を入力します。管理しやすい名前を推奨します。

ラベル

ラベルを設定します。

初期に用意されているラベルは「未設定」です。

デフォルトで「PC」「スマホ」「共通」の3種類から選ぶことも可能です。

ラベルの変更や追加は「ラベル管理」から行えます。

フォルダ

バナーを保存するフォルダを設定します。初期は「フォルダ」のみです。
※フォルダの追加・編集はバナー一覧画面から行うことができます。

バナーの設定

バナーを設定します。

バナーのURLから設定

バナーがすでにアップロードされている場合は、バナーの画像URLを入力します。

ファイルアップロードからの設定

バナー画像をアップロードします。
「ファイルを選択」からアップロードする画像を選択してください。

HTMLを記載

バナーをHTMLで作成する場合は、こちらに記載します。
※CSS、JavaScriptはHTMLに<style>/<script>タグで囲んで使用することができます。または、「カスタマイズ」欄と併用いただけます。

AIでバナーを生成することも可能です。

詳しくはバナー作成 - AIアシスタント機能から

テキストを記載

表示したいテキストを入力します。

上部メニューバーでデザインをカスタマイズできます。

リンク先のURL

クリックした際のリンクURLを入力してください。（特になければ空欄でも可）

また、同窓と別窓どちらで開くか選択できます。
※こちらにURL登録をすると、HTMLに設定している他の<a>タグのURLは無効化されますのでご注意ください。

コンバージョンのタイプ

・ドメイン内URL：ドメイン内にコンバージョンとなるURLがある場合（お問い合わせ など）
・ドメイン外URL：ドメイン外にコンバージョンとなるURLがある場合（カートが別ドメイン、外部予約システム など）
・電話番号：電話番号をコンバージョンに設定していた場合

コンバージョンURL

コンバージョンのタイプで設定したページのURLを入力します。
※電話番号を選択している場合は、自動的に「電話番号」に変化します。

カスタマイズ

クリックすると入力欄が表示されます。

CSS、JavaScriptを設定できます。（PCとスマホで別々に設定）
HTMLの書き込みはできませんのでご注意ください。

④バナーの表示サイズや位置設定を行います。

PC・スマホ別設定です。それぞれ設定を行います。

表示領域　幅/高さ

バナー表示時のサイズを設定します。
※HTMLバナー・テキストバナーは、こちらの設定は適用されません。

　∟自動：バナーのオリジナルサイズ
　∟倍率指定：バナーのサイズ×◯％
　∟ピクセル指定：pxで自由に指定できます。横・高さどちらか一方の指定でも可。
　　※幅・高さ共指定する場合、画像と縦横比が合っていないと画像が伸びてしまいますのでご注意ください。
　∟画面幅指定：サイトの画面サイズを100%として、画像サイズの％を設定します。

バナーサイズ目安一覧表

影付き効果

バナーの影付き効果の有無を選択します。

スクロール時透過効果

スクロール時にバナーを透過させるかを選択します。

位置

バナーの表示位置を設定します。

　∟テーブルから指定：９つのエリアから位置を選択します。
　∟詳細に指定：上/下・左/右の余白を詳細に指定します。

フロート設定

バナー表示時に背景のスクロールを有効にするか無効にするか設定します。

　∟有効にする：バナー表示中にサイト内のスクロールができます。
　∟有効にしない：バナー表示中はサイト内のスクロールを止めます。

閉じるボタンの設定

∟閉じるボタン：閉じるボタンのデザインを選択します。
∟閉じるボタンの色：閉じるボタンの色を選択します。
∟閉じるボタンのサイズ：閉じるボタンのサイズを選択します。（大・中・小）
∟閉じるボタンの位置：閉じるボタンの位置を選択します。バナーに合わせてご変更ください。

⑤「作成」をクリックします。

全ての入力・設定が完了したら、「作成」をクリックします。

⑥作成完了

画面上部に「コンテンツを作成しました」と表示されれば、バナーの作成は完了です。

フォルダの活用方法

サイト別、施策別等フォルダを分けて管理しやすくなります。

フォルダの追加方法

「フォルダを追加」をクリックします。

フォルダ名を入力し、「作成」をクリックします。

フォルダが追加されます。

フォルダの場所を移動したい場合：

左端の色付き部分をドラッグ＆ドロップで移動可能です。

フォルダ移動方法.mp4

フォルダの「編集」と「削除」について

■編集

フォルダ名を変更できます。

■削除

フォルダ内が空の場合のみ、削除が可能です。

「常時開」について

「常時開」にチェックボタンをつけると、一覧画面を開いた際に自動的にフォルダが開かれます。

よく使うフォルダは「常時開」をONにしておくと便利です。

「複製」について

フォルダ・フォルダ内のバナーを複製することが可能です。

▼複製前

「複製」をクリックすると、確認のダイアログが表示されるので、「OK」を押します。

バナーが複製されます。
▼複製後

フォルダ内のバナーも全て複製されます。

「一括で移動」について

バナーのフォルダ移動を一括で行う機能です。

移動したいバナーにチェックを入れ、「一括で移動」をクリックします。

移動先のフォルダ名を選択し、「更新」をクリックします。

部分一致検索

バナーの名前で部分一致検索が可能です。

更新日で並び替え

バナーの更新日の「新しい順」「古い順」で並び替えが可能です。
※デフォルト表示は「名前順」です。

雛形フォルダ

施策設定に便利な雛形をご用意しています。

雛形フォルダの表示方法

「雛形フォルダ表示」をクリックします。

雛形フォルダが表示されます。複製のみが可能なバナーです。

バナーの複製方法

複製したいバナーのフォルダを開き、「複製」をクリックします。

「複製バナー」というフォルダが追加され、バナーが複製されます。

「設定画面を開く」からバナーの編集を行なってください。

雛形一覧

カウントダウンバナー

カウントダウン付きのバナーの雛形です。

期間限定キャンペーン・セール、新商品の販売日など、訴求バナーにおすすめです。

リンク先の設定方法

初期設定ではリンク先の登録はございません。

バナーをクリックした際、指定のページへ遷移するようにした場合は、バナー設定の以下のエリアにURLを登録してください。

▽カウントダウンポップ（画像＋カウントダウン）_ポップアップ配信

お好みの画像に変更してご活用いただけます。

カウントダウン部分の色・文字の種類の変更も可能です。

▽カウントダウン帯バナー_差し込み配信

帯状のカウントダウン付きバナーです。

▽カウントダウン帯バナー（追従仕様）_差し込み配信
「カウントダウン帯バナー_差し込み配信」の追従仕様ver.です。

追従とは、サイト内をスクロールしても、常に固定の位置に表示される形式です。
（初期設定は上部固定です。CSSで固定場所の変更が可能です。）

---

モーダルバナー

ボタンクリックでモーダルが開き、情報などを提供する形式のバナーの雛形です。

リンク型のページ遷移とは異なり、ページ内で情報が完結するので、ユーザービリティ向上に繋がります。
※差し込み配信でご利用ください。

▽モーダルバナー_送料について_差し込み配信

①サイト内の初期表示

②ボタンクリックでモーダルが開き、情報提供が行えます。

▽モーダルバナー_配送について_差し込み配信
「モーダルバナー_送料について_差し込み配信」と仕様は同様です。

---

クーポンコードコピーバナー

クーポンコードの配布ができるバナーの雛形です。

クリックでコードコピー機能付きのバナーです。
※画像やクーポンコードはHTML内で変更してください。

▽クーポンコードコピー（ボタンver）

クーポンコード部分をクリックでコードがコピーされます。

▽クーポンコードコピー（画像ver）

画像のみで簡潔に。画像クリックでクーポンコードがコピーされます。

---

あと〇〇円で送料無料バナー

カートページにおすすめの、追加買い訴求バナーの雛形です。

カート内の合計金額と送料無料までの金額を計算して表示します。

▽あと〇〇円で送料無料バナー_ポップアップ

▽あと〇〇円で送料無料バナー_差し込み配信

---

用途に合わせて雛形をご活用ください！
その他、設定中に不明点がございましたらお問い合わせください！