バナー設置君のについて

Question

お世話になります。

バナー設置君について質問です。
作成したHTMLを楽天RSMのヘッダーフッターレフトナビへ設定いたしました。

現在、ページ制作サービスのbiinoを使っているからかもしれませんが、
HTMLを設定してもバナーがうまく反映（表示）されませんでした。

Biino活用中のバナー設定方法をお教え頂けますでしょうか。

宜しくお願いいたします。

Answer

ECマスターズの田中美帆です。

> 作成したHTMLを楽天RSMのヘッダーフッターレフトナビへ設定いたしました。
> 現在、ページ制作サービスのbiinoを使っているからかもしれませんが、
> HTMLを設定してもバナーがうまく反映（表示）されませんでした。

恐れ入りますが、
ヘッダー・フッター・レフトナビに
記述しているHTMLと、
バナー設置君で作成したHTMLを
ご教示いただけますでしょうか。

よろしくお願いいたします。

Answer

記述したHTMLは下記になります。
ご返信では、ヘッダーフッターレフトナビに記述しているHTMLとバナー設置君で作成したHTMLの２つを確認希望とのことですが、それぞれ記述内容が異なるのでしょうか。設置君で作成したHTMLをそのままヘッダーフッターレフトナビへ貼り付けていまして、同じ内容となります。

また今回バナーを２つ作りまして、下記はそのうちの１つです。こちらをヘッダーコンテンツへ貼り付けました。もう一つのバナーのHTMLはレフトナビへ貼り付けました。同じ場所（ヘッダー部分へ）に両方の記述を貼り付けるべきでしたか。もしかしたら、これらの貼り付け方も問題なのかもしれません。

ご教授くださいませ。


 


#fixedBanner1 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
background: url('https://image.rakuten.co.jp/upperfield/cabinet/mem_banner/ma_39_616x120.jpg') no-repeat left bottom/100% 100%;
top: 300px;
right: 0px;
text-align: center;
width: 350px;
height: 68.18181818181819px;
}

#fixedBanner1 a {
display: block;
width: 100%;
height: 100%;
}

Answer

ECマスターズの田中美帆です。

> ご返信では、ヘッダーフッターレフトナビに記述しているHTMLとバナー設置君で作成したHTMLの２つを確認希望とのことですが、それぞれ記述内容が異なるのでしょうか。

言葉足らずで失礼いたしました。

バナー設置君で作成したHTMLは、
ヘッダー・フッター・レフトナビに
そのまま貼り付けていただいて
問題ございません。

バナー設置君のHTML以外に
どのようなHTMLを記述されていて、
どの箇所にバナー設置君のHTMLを
記述されているかのご確認でした。

また、商品管理番号：subaru002 の
ページのソースコードを確認いたしましたが、
バナー設置君のHTMLの
記述が確認できませんでした。

ヘッダー・フッター・レフトナビを編集する際、
更新前にプレビュー画面が
表示されるかと存じますが、
プレビュー画面でバナーは
反映されますでしょうか。

プレビュー画面では反映されている場合、
ページに適用している
ヘッダー・フッター・レフトナビの
テンプレートが異なっている場合がございますので、

対象のページに適用されているテンプレートに、
バナー設置君を設置頂いているか、
ご確認をお願いいたします。

> また今回バナーを２つ作りまして、下記はそのうちの１つです。こちらをヘッダーコンテンツへ貼り付けました。もう一つのバナーのHTMLはレフトナビへ貼り付けました。同じ場所（ヘッダー部分へ）に両方の記述を貼り付けるべきでしたか。もしかしたら、これらの貼り付け方も問題なのかもしれません。

HTMLが正しく記述されているようであれば、
記述箇所は異なっていても
表示上は問題ございません。

なお、補足となりますが、
楽天GOLDで作成されたページには
RMSのヘッダー・フッター・レフトナビは
反映されないため、

GOLDページでバナー設置君を利用する場合は、
GOLDページのHTMLに
記述していただく必要がございます。

Answer

ご確認くださいましてありがとうございます。

現在BIINOを使用しているため、GOLDにてトップページ、商品ページが作成されているのかと推測しております。
設置君で作成したHTMLは、この場合GOLDに記述をすべきなのだとご返信から理解を致しました。

現状ではGOLDの使用は、BIINOなどの使用を通しての活用しか私個人の能力においてできておらず、もしGOLDのスペース上に記述をする場合はやり方がよくわからない状態です。
ということで、今回反映できない理由は理解できましたので、一度途中とはなりますが、反映を断念しようかと思います。

もろもろご対応を頂き、誠にありがとうございました。

Answer

ECマスターズの田中美帆です。

既にアンケートをいただいた後で
失礼いたします。

> 現在BIINOを使用しているため、GOLDにてトップページ、商品ページが作成されているのかと推測しております。

> 現状ではGOLDの使用は、BIINOなどの使用を通しての活用しか私個人の能力においてできておらず、もしGOLDのスペース上に記述をする場合はやり方がよくわからない状態です。

おっしゃるとおり、
トップページはGOLDにて
作成されておりました。

商品ページは、
GOLDで作成することができないため、
先にご案内の通り、テンプレートが
お間違い無いか、ご確認ください。

GOLDページでは、
Biiinoの「フリースペース」へ
バナー設置君で作成したHTMLを
記述していただくことで、
固定バナーを設置できるかと存じますので、
よろしければ以下をご参考くださいませ。

【トップページ・特集ページ】楽天配布のバナーや他社にぎわいツールは表示できますか？
https://lab.biiino.com/faq/pc-toppage/pctop-freespace-html-tag/

Answer

ご確認誠にありがとうございます。

ヘッダーフッターレフトナビを確認したところ、初期設定にあった
ヘッダーフッターレフトナビというテンプレートに記述していました。

現在Biinoというテンプレートに切り替わっており、そちらに記述
しなおしました。

１つバナーは目視できました。
もう一つのバナーがうまく反映できていないようですが、これはバナー設置の
座標がもう一つのバナーと重なっているまたは楽天側で表示する価格情報（購入ボタン）位置
とかぶってしまうからでしょうか。

Answer

ECマスターズの田中美帆です。

> １つバナーは目視できました。
> もう一つのバナーがうまく反映できていないようですが、これはバナー設置の
> 座標がもう一つのバナーと重なっているまたは楽天側で表示する価格情報（購入ボタン）位置
> とかぶってしまうからでしょうか。

確認しましたところ、
1つ目と2つ目のバナーどちらにも
同じID名がついていることが
原因となっております。

別々のID名がついていないと
それぞれに位置の指示ができないため、
2つ目のバナーには「fixedBanner1」以外の
ID名をつけていただくようお願いいたします。

画面端に固定されるバナーの設置方法 (楽天PC・YahooPC・自社サイト)
3：実際に２つ以上の固定バナーをつくる
https://club.ec-masters.net/index.php?design_page8#w6c3bf1a

上記のデザインレシピにて、
2つ以上のバナーを設置する手順が
記載されておりますので、
まだご覧になっていない場合はご参考ください。

Answer

たびたびのフォロー誠にありがとうございます。

無事表示できました。

取り急ぎご報告させて頂きます。