カテゴリページに貼るHTMLの文字数がオーバーしてしまう

Question

イベントページの作成をスケッチページで作成しましたが、文字数が半角8000文字を超えてしまい、カテゴリページに貼り付ける事ができません。
カテゴリ説明文の上下を使ってもオーバーしてしまいます。

フォーラムを見ていると下記の投稿を見つけました。
--------------------------------------------------------------------------------
楽天のカテゴリページに添付のソースを入れ込みたいのですが、ソースが長すぎて入りません。
ソースを短縮して入れ込む方法はありませんでしょうか？（IFRAME以外で）
↓
確認しましたところ、
カテゴリページの文字数制限8000文字に対して
いただいたソースは8128文字ございました。
ですが、
商品ページとカテゴリページはリンク先URLの
https://image.rakuten.co.jp
を省略することができます。
↓省略
大幅に文字数をオーバーする内容を入れる場合にはiframeでの挿入をおすすめします。
-----------------------------------------------------------------------------------
このiframeでの挿入のやり方を教えてください。
（リンク先URLのhttps://image.rakuten.co.jpを省略するのはこの部分を見つけるのがかなり大変なのではないかと思えて・・）

Accepted Answer

ECマスターズの田辺です。

> 横幅は100％にしたのですが、高さはどこで確認することができるのでしょうか？

ブラウザによって確認方法が異なるので
IEでの確認方法をご案内させていただきます。

GOLDにアップロードしたページを
ブラウザで表示していただき、
右クリックで「要素の検査」をクリックしていただきます。
※添付画像１参照

タグが表示されますので
をクリックしていただき、
右側のレイアウトをクリックしていただくことで
要素の大きさを確認することができます。
※添付画像２参照

> 枠線の非表示は「frameborder」、余白削除が「marginwidth」というのは分かったのですが、どこに差し込めばいいのでしょうか？

タグ名の後ろに、
各属性を半角スペースで区切って
入れていただきますようお願いいたします。

お好きな順番で入れていただいて構いません。

= この下の行から ====================

= この上の行まで ====================###HR######IMG01c1b450e2e55d62f152e8d04e4f87f5d.pngIMG0######BR###

Answer

ECマスターズの田中です。

まずは、楽天GOLDの中に、
イベントページの内容を表示するための
HTMLファイルを作成していただき、
それを埋め込むためのiframeタグを
カテゴリ説明文の中にご記載いただく、という流れになります。

そうすることで、カテゴリ説明文には
iframeタグだけが記載される形になりますので、
字数制限に関係なくページを作ることができるのです。

そのため、最初に、
楽天GOLDにHTMLファイルをご用意ください。
HTMLファイルの内容は、まずSketchPageで作成したソースを
そのまま貼り付けていただいた後、
実際の見た目を確認しながら調整していただく形がスムーズであると思います。
HTMLファイルの作り方がわからない場合は、改めてご返信ください。

Answer

>楽天GOLDにHTMLファイルをご用意ください。
SketchPageで作成したソースをメモ帳に貼り付けて「.html」をつけて保存してGOLDにアップロードしました。URLをコピーしてIEで確認すると作成したページが見れたので、ここまでの作業はできていると思いますが・・。

続きの作業をご教示お願いします。

Answer

ECマスターズの田中です。

> 続きの作業をご教示お願いします。
HTMLファイルがご用意いただけましたら、
カテゴリ説明文の中に下記の通りiframeタグをご記載いただくことで、
カテゴリページの内容として表示させることができます。

= この下の行から ====================

= この上の行まで ====================
※HTMLファイルのURLは、実際のURLに置き換えてください。
※横幅・高さは、実際の値を半角英数字でご記載ください。
※横幅に、100% とご記載いただくと、親要素の横幅に合わせることができます。
※枠線の非表示、フレーム内余白の削除など、属性を追加して設定することができます。
　https://html-coding.co.jp/annex/dictionary/html/iframe/

Answer

ありがとうございます！
表示させることができました。
ですが、やり方が分からない点も出てきてしまいました。

＞※横幅・高さは、実際の値を半角英数字でご記載ください。
横幅は100％にしたのですが、高さはどこで確認することができるのでしょうか？
適当な数字をいれてみたのですが、大きすぎたり小さすぎたりとなってしまいます。

＞※枠線の非表示、フレーム内余白の削除など、属性を追加して設定することができます。
枠線の非表示は「frameborder」、余白削除が「marginwidth」というのは分かったのですが、どこに差し込めばいいのでしょうか？やってみるのですが上手く出来ません。

下記↓を枠線非表示、余白削除の場合で変更お願いします。
= この下の行から ====================

= この上の行まで ====================

お手間をとらせますがよろしくお願いします。

Answer

ECマスターズの塚本です。

技術的なご質問となりますので、
確認次第、営業日にご回答させていただきます。

今しばらくお待ちいただければと思います。

Answer

ECマスターズの田辺です。

２つ目の添付画像もお送りします。###HR######IMG00444ea1cd446cf3373d9b56ef5279b94.pngIMG0######BR###

Answer

ありがとうございます！
上手く表示できました＼(^o^)／

たいへん勉強になりました。
どうもありがとうございましたm(__)m

Answer

先日はありがとうございました。
一緒にお尋ねしておけばよかったのですが、スマートフォン用のカテゴリ説明文でも文字数が8000字をこえてしまいます。
タグが使えないと出てくるので、見よう見まねで

Answer

ECマスターズの田中です。

残念ながら、店舗内カテゴリのスマートフォン用カテゴリ説明文は、
他のスマートフォン用項目のようなバグが無いため、
禁止タグであるiframeタグを挿入することができません。

スマートフォン用カテゴリ説明文の場合は、
HTMLソースの無駄を削って文字数内に収めていただく
必要がございます。

Answer

そうでしたか・・。削るしかないですね。
ちなみに、PCのセール会場へページを飛ばすことは出来ますか？
普通にセール会場のURLを貼り付けるとスマートフォン用のセール会場が表示されますが・・。

Answer

ECマスターズの田辺です。

スマートフォンページからPCのセール会場ページへ
リンクさせたいということでしょうか。

そうしましたら、
リンク先URLの後ろに
?force-site=pc
を加えていただきますようお願いいたします。

例）
セール会場へ

Answer

リンクできました♪
ありがとうございました。