バナー設置君「HTMLタグの記述に誤りがあります。」となります。

Question

バナー設置で画像とリンク先を入力して、結果をヘッダーに貼り付けましたが、
「HTMLタグの記述に誤りがあります。詳しくはオンラインマニュアルをご参照ください。」となります。
どうしたらいいでしょうか？

Answer

ECマスターズの田中です。

＞「HTMLタグの記述に誤りがあります。詳しくはオンラインマニュアルをご参照ください。」となります。

その際、ヘッダーコンテンツの入力欄の周りに
赤文字で詳しいエラーの内容が記載されていたと思うのですが、
どのような内容が記載されておりましたでしょうか。

赤文字のエラー内容でも判断が難しい場合、
実際に生成されたソースを見て確認させていただく必要がございますので、
ヘッダーコンテンツに貼り付けられたソースを
そのままいただけますでしょうか。
フォーラムにてご返信いただき辛い場合は、リクエストフォームよりお知らせください。

Answer

あらためてやってみましたらできました。

「スマートフォン用各共通説明文・商品説明文の中に貼り付けて
スマートフォン用ページに設置できるようになりますが、」
とありますが、上級オプションの「スマホ対応」にチェックをいれて
結果を各商品ごとに貼り付けるのでしょうか？

Answer

ECマスターズの田中です。

＞あらためてやってみましたらできました。

無事貼り付けられて何よりです。

＞「スマートフォン用各共通説明文・商品説明文の中に貼り付けて
＞スマートフォン用ページに設置できるようになりますが、」
＞とありますが、上級オプションの「スマホ対応」にチェックをいれて
＞結果を各商品ごとに貼り付けるのでしょうか？

商品ごとに内容を変える必要がある場合は、仰るとおり
各商品ごとにスマートフォン用商品説明文の中に貼り付けていただく形になります。

全商品共通で表示させる場合は、
１箇所（スマートフォン用の商品ページ共通説明文）に貼り付けていただければ結構です。

Answer

商品ページ設定（スマートフォン）に下記貼り付けました。
エラーもないですが、バナーができません。
内容は下記となります。







#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 300px;
right: 0px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}

Answer

すいません。
タイムラグの様ででました。
スマホのトップページにだすにはどこに貼るつけるのでしょうか？

Answer

ECマスターズの田中です。

＞タイムラグの様ででました。

無事表示されて何よりです。

＞スマホのトップページにだすにはどこに貼りつけるのでしょうか？

RMSトップメニュー ＞ 1-2 デザイン設定 ＞ 2 スマートフォン デザイン設定 ＞ トップページ編集
より、トップ説明文(1)または(2)のいずれかに貼り付けてください。

Answer

#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 300px;
right: 0px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}



前回ヘッダーにバーナーを貼り付けました下にさらいに上記バナーを貼り付けたのですが
下記エラーができます。
ｈｔｔｐｓにはなっているのですが何が問題でしょうか？

・	「ヘッダーコンテンツ」にhttp://が使用されているか、外部リンクが含まれています。URLをご確認ください。
▼入力項目の背景が赤色で		が出ている項目を再度、選択または入力してください。

Answer

ECマスターズの田辺です。

楽天のショップページでの掲載でお間違いないでしょうか。

確認しましたところ、

先頭の






a href=“”の中に
ヤフーの商品ページURLが記入されています。

こちらのURLを楽天ページのURLに
変更していただきますと
楽天ショップで反映されます。

Answer

ありがとうございます。
修正しましたらできました。
もう1点質問です。
バナーを左右にだしたり、2段にしたりしたいのです。
下記は左右をしたつもりが一つ（左）しかでません。







#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 300px;
left: 0px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}









#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 300px;
left: 0px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}

Answer

ECマスターズの田辺です。

バナー設置君にて２つのバナーを左右に表示させる
方法をお伝えいたします。

まずは１つ目のバナーのURLを今までと同じように
入れていただきます。
（どちらでも良いですが、今回は左側から作ってみました）
　↓

上級オプションを「表示する」を
クリックしていただきます。
　↓

そうしましたら、IDにご自身が見てわかりやすい名前を、
半角英字で入れていただきます。
（例：leftBanner）
　↓

結果が少し変化しますので、
結果内のソースを全てコピーしていただきます。
　↓

上級オプションの「同時表示用」に
コピーした内容を貼り付けます。
　↓

次に反対側のバナー用のIDを書き込みます。
（例：rightBanner）
　↓

反対側（今回で言う右側）のバナーの
URL情報などを記入していきます。
※「水平方向位置」を反対側にチェックします。
　↓

左右にバナーが表示されます。







#rightBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 300px;
right: 0px;
text-align: center;
width: auto;
height: auto;
}

#rightBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}









#leftBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 300px;
left: 0px;
text-align: center;
width: auto;
height: auto;
}

#leftBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}



結果的に以上のようなソースができあがります。

今回お伝えした方法を応用しますと、
上下に表示させたり、３個以上表示させたりもできますので
またわからないことがございましたら
ご質問くださいませ。

Answer

ありがとうございます。
PCはできました。
スマホでは
 許可されないHTMLタグ "div" が入力されています。
 許可されないHTMLタグ "style" が入力されています。
となります。

Answer

ECマスターズの田辺です。

＞PCはできました。
良かったです。表示されたようで安心しました。

＞スマホでは
＞許可されないHTMLタグ "div" が入力されています。
＞許可されないHTMLタグ "style" が入力されています。

スマートフォンに表示させる場合には
バナー設置君の
上級オプション内にある

□スマートフォン用ページ対応

にチェックを入れていただきますと
設置していただけます。