iframe関連

Question

http://item.rakuten.co.jp/capi/c/0000002233/
のカテゴリ上部にありますGOLDページですが、内容を増やす場合は
その都度
width="740px" height="650px" frameborder="700px" scrolling="no
部分で数字をかえなければないでしょうか？

同時にスマホページでの使用したいのですがiframeタグが不可の為、どうすればよろしいでしょうか？

iframeにこだわってはいませんが、各カテゴリの同様な部分を作成して回遊性を高くして、自社内より
離脱させないのが目的です

Accepted Answer

ECマスターズの田中です。

大変失礼いたしました。
私にて動作確認を行い、
スマートフォン用トップ説明文、商品ページ共通説明文には
問題なく記入できるのですが、
スマートフォン用カテゴリ説明文に入力すると
「HTMLタグの記述に誤りがあります。詳しくはオンラインマニュアルをご参照ください。」
というエラーが発生し、入力できないことを確認いたしました。

これ以外に、スマートフォン用カテゴリ説明文に
iframeタグを入力する方法は見つかっていないため、
現状、iframeタグを使用することはできません。
もし、方法が見つかりましたら、改めてお知らせさせていただきます。

また、スマートフォン用カテゴリ説明文に
iframeタグを使用しているショップを見つけられましたら、
お知らせいただけますでしょうか。
私にて分析して、使用する方法をご案内いたします。

Answer

ECマスターズの田中です。

楽天の仕様上（カテゴリページとGOLDのサーバが異なる）、
JavaScriptを利用した調整もできないため、
内容を増やす場合は、手動で数字を変えていただく必要があります。

なお、iframeの属性の書き方に誤りがあり、
環境によっては正しく表示されない（縦横幅が小さく表示される、など）
可能性がありますので、
正しい書き方で属性を指定していただきますようお願いいたします。

width(横幅)、height(高さ)の値に、「px」は必要ありません。
（「px」が必要になるのは、スタイルシートの属性を書く場合です）
また、frameborder(iframeの枠線)の値には、
枠線を表示するか否かを1か0、もしくはyesかnoで記載してください。

今回の場合は、下記のような書き方になります。

width="740px" height="650px" frameborder="700px" scrolling="no"
↓
width="740" height="650" frameborder="1" scrolling="no"


スマホページで使用する場合、
タグを手を加えることで記述できますが、
RMSの不具合を利用した方法であり、
今後のRMSの改善により、利用できなくなる可能性がありますので
ご注意ください。

タグ、およびタグに対して、
タグ名の後ろに半角スペース1つ、全角スペース4つを挿入することで
禁止タグのチェックを回避することができます。


例）

↓


※行末に、チェック回避に必要なスペースが入っておりますので
　コピーされる際は、行全体をコピーしてください。


なお、スマートフォン用ページの横幅は
PCに比べてかなり狭くなっており、
width="740" のように固定の数値を設定すると、
内容の半分以上が横に飛び出してしまいます。

そうならないよう、スマートフォンページに入れる
タグでは、widthを100%にご設定いただき、
ページ内の画像やテーブルも、横幅を％で指定していただきますと、
スマートフォンの横幅に合わせて表示されるようになります。

Answer

早速ありがとうございます。
PCページ部分は修正いたしました枠幅の手動更新の件もよく理解できましたがスマートフォン用ページですが下記タグをいれましたがNGとなってしまいます

Answer

ECマスターズの田中です。

PC用のタグの修正を確認いたしました、正しく記載されておりました。

スマートフォンに入れていただいたタグにつきましては、
全角スペースが入っておりません。
一行にまとめると、このような記述になります。



なお、heightの部分ですが、
「100%」を指定した場合、が入っている要素の高さが指定されていないため、
特に指定しない場合と同様になります。
heightは、ページの内容と同じ高さをご指定ください。

さらに、ページの内容についても
幅の指定方法をご変更いただく必要がありますので、
まずは、タグをスマートフォン用ページに入れていただいてから、
スマートフォン実機で表示をご確認いただいた上で、
幅の指定を％表記にご変更くださいますようお願いいたします。
（Android・iPhone、それぞれで見た目が異なりますので
　可能であれば両方でご確認をお願いします）

Answer

上記記述を入れてみましたがやはりエラーとなってしまいます
そこで
> タグ、およびタグに対して、
タグ名の後ろに半角スペース1つ、全角スペース4つを挿入することで
禁止タグのチェックを回避することができます。
という最初の説明文がありましたので13時50分の回答をみますと
半角全角全角全角全角半角のスペースになってろましたので
半角全角全角全角全角とスペースを入れた下記のタグを入れてみましたが
やはりエラーとなってしまいました

Answer

スマートフォン用トップ説明文、商品ページ共通説明文に使えるだけでも感激です
ありがとうございました