バナーを表示させてみよう (トライアルガイド3/7)

1. サイドメニューにある「バナー表示」項目から「1. 画像をアップロードする」を選択します。
2. 使用する画像をアップロードします。
　アップロードする素材は、Yahoo! ショッピングまたは楽天から配布されている素材や、
　ご自身でご用意した画像をご使用頂くか、
　 こちらから、サンプルデータをダウンロードしてご使用ください。

STEP. 2-1 バナーリストを作る

1. サイドメニューにある「バナー表示」項目から「2. バナーリストを作る」を選択します。
2. 新規商品リスト作成欄の「リスト名」に「キャンペーンバナー（任意）」を入力します。
3. 「バナーリストを新規作成」ボタンを押すと作成済みバナーリストに新しく「キャンペーンバナー（作成時に入力した名前）」のバナーリストが追加されます。

STEP2-2. バナーリストに画像を追加

1. 作成済みバナーリスト欄の、「キャンペーンバナー（作成時に入力した名前）」の[編集]ボタンを押し、編集画面を開きます。
2. [バナーを追加する]ボタンを押し、画像選択画面へと遷移します。
3. 画像の一覧から、STEP1でアップロードした画像をクリックし、選択します。
（選択された画像は、背景がピンク色になります）
4. [画像をリストに追加]ボタンを押します。
5. [バナーリスト編集画面へ戻る]ボタンを押し、「バナーリストの編集」画面へ戻ります。
6. リストに画像が登録されていることを確認後、各バナーのリンク先URLを設定します。
7. [バナー情報の変更を保存・反映」ボタンを押します。
8. 「バナー情報を更新しました。」のメッセージが表示され、登録完了です。

STEP3-1. レイアウトを作る

初期状態で、すぐにご利用いただけるレイアウトが既に発行されております。
今回は、作成済みの「シンプル」のレイアウトを使用しますので、この手順はスキップします。

STEP3-2. レイアウトを編集する

1. サイドメニューにある「バナー表示」項目から「3. レイアウトを作る」を選択します。
2. 「作成済みレイアウト一覧」が表示されますので、その中から「シンプル」という名前のレイアウトの「編集」ボタンを押します。
3. 「プレビューで表示する商品リスト」に、STEP1で作成した「キャンペーンバナー（作成時に入力した名前）」を選択します。
4. 「プレビューで表示させるサイズ」に、幅を1000px、高さを400pxに設定します。
5. 「カラム設定」をクリックして開き、「パソコン表示」の項目を5→2に変更します。
6. 「スライダー設定」をクリックして開き、「スライダー」の項目が「有効」になっていることを確認します。
7. 編集が完了したら「レイアウト編集を保存・反映」ボタンを押し、内容を保存します。

STEP4-1. タグを発行する

1. サイドメニューにある「バナー表示」から「4. タグを発行する」を選択します。
2. 新規タグ発行欄の「タグ名」に「キャンペーンバナー（任意）」を入力します。
3. 「タグを新規作成」ボタンを押すと発行済みタグ一覧に、新しくタグが追加されます。

STEP4-2. タグの設定

1. 発行済タグ一覧の、「キャンペーンバナー（作成時に入力した名前）」の[編集]ボタンを押し、編集画面を開きます。
2. タグ編集の画面にて、下記のように設定します。

3. [タグの変更を保存]ボタンを押し、完了です。