PC用販売説明文の商品の動画を貼りたい

Question

現在は、RMSの指定する場所に動画を設置していますが、商品説明内にいれる方がいいと思うのです。
何か、方法を探していたら、下記の回答を見つけました
しかし、高度過ぎて理解ができません。
初心者にもわかる？ように解説していただきたいのですが・・・・

よろしくお願いします


＞PC用販売説明文の商品の動画を貼りたいと思っております。 
＞動画はR－Cabinetに保存してありますが良い方法はございますか？

楽天GOLD内に、動画を貼り付けたHTMLファイルをご用意いただき、
タグでPC用販売説明文に埋め込んでいただくことで
貼り付けることができます。

最初に、下記内容のHTMLファイルを
楽天GOLD内に保存してください。←疑問１GOLDにどのように入れるのかわかりません。


===== この下の行から ================


（動画貼付け用タグ）　←　疑問２　このままの文章をいれるのですか？



===== この上の行まで ================
※（動画貼付け用タグ）は、
　実際のタグをR-Cabinetにてご用意ください。

次に、動画を貼り付けたい部分に、
下記のHTMLタグを貼り付けていただくと完了です。

===== この下の行から ================

===== この上の行まで ================
※HTMLファイルのURLは、
　先ほどGOLDに保存したHTMLファイルのURLに　←ここの意味も理解できません
　差し替えてください。
※横幅はwidth、高さはheightの数値を増減させて調整できます。

＞スマホでも動画を貼ることはできますでしょうか？

可能ですが、
楽天RMSの、禁止タグを入力できるバグを利用する方法ですので、
今後、RMSの改修により、使用できなくなる可能性があることを
ご承知おきください。
↑
疑問３　現時点では違反対象になるのでしょうか？

現在は、RMSの指定する場所に動画を設置していますが、商品説明内にいれる方がいいと思うのです。
何か、方法を探していたら、下記の回答を見つけました
しかし、高度過ぎて理解ができません。
初心者にもわかる？ように解説していただきたいのですが・・・・

よろしくお願いします

Accepted Answer

ECマスターズの田中です。

> PC内にある「pathin.html」を削除した場合は、一から作り直しという理解でいいですか

いいえ、GOLDにある「pathin.html」をダウンロードして、
アップロードした時と同じ状態から編集を続けることができます。

FFFTPの右画面にある「pathin.html」をマウスで持ち上げて、
PCの好きなフォルダやデスクトップに落とすことで
ダウンロードすることができますので、
一度お試しいただきますようお願いします。

今回のように、GOLDに一度アップロードしたファイルは
PC内で書き換えて再度アップロードすることが多いので、
なるべく削除せずに保管していただくことをオススメします。

Answer

ECマスターズの清水です。

> 楽天GOLD内に保存してください。←疑問１GOLDにどのように入れるのかわかりません。

まず、こちらの動画を参考にFFFTPをインストールして、
設定してみてください。

楽天GOLD利用するまでの手順ガイド ～ 準備を整えて、はじめよう ～
https://daigaku.rms.rakuten.co.jp/rmsapp/watch/20115

> ←　疑問２　このままの文章をいれるのですか？

R-Cabinetに登録した動画の「貼り付け用HTMLソース」
を（動画貼付け用タグ）に貼り付けて、
任意のファイル名、例えば「movie01.html」として保存して、
FFFTPにて、楽天GOLDのサーバーにアップロードしてください。

> 先ほどGOLDに保存したHTMLファイルのURLに　←ここの意味も理解できません

例えば、楽天GOLDの接続した先のフォルダに
「movie01.html」をアップロードされると

https://www.rakuten.ne.jp/gold/ショップURL/movie01.html

でブラウザでアクセスすれば、動画が再生されるページが表示されますので、



のように置き換えてください。

> 疑問３　現時点では違反対象になるのでしょうか？

現時点では、違反対象にはならないと思いますので、大丈夫です。

ただ、スマートフォンの場合は、商品画像を同じ場所に
表示されますので、説明文内に記載されなくても問題ないかと思います。

ライバルのショップが対応されており、わかりやすいようでしたら、
PC用のページで対応後にチャレンジしてみてください。

また、RUxには、楽天GOLDに関する動画が多数ございますので、
アップロードやHTML作成など、不明な点があれば、参考にしてみてください。

https://university.rakuten.co.jp/lecture/search/tag?id=53

Answer

清水様　早速の回答ありがとうございます
なんとか、商品ページ内に画像をはることができました。
　
そこで、また２つの疑問が生まれました。
１．画像がとても小さいのです。PCで見るにはとても小さいのです。
ワイドとかの設定の変更をしたいのですが、教えて下さい


２．ただ、スマートフォンの場合は、商品画像を同じ場所に
表示されますので、説明文内に記載されなくても問題ないかと思います。　とのことですが

これは、RMS指定場所に動画をはったままにするという意味ですか？
もし、そうなら、PC用では、商品ページ内で２か所に動画があることになりませんか？

Answer

ECマスターズの田中です。

> １．画像がとても小さいのです。PCで見るにはとても小さいのです。
> ワイドとかの設定の変更をしたいのですが、教えて下さい

今回貼り付けていただいたタグの、
width=" と " の中にある 320 が横幅を、
height=" と " の中にある 286 が高さを
それぞれ設定しておりますので、
まずはこちらを、ご希望の大きさにご変更ください。

次に、「pathin.html」を開いていただくと、
先ほどと同じ「320」と「286」の数字がタグの中にございますので、
同様にご希望の横幅と高さにご変更いただくことで、
動画の大きさを変えることができます。

なお、この方法でサイズを変えても、
元ファイルの画質は変わらないため、
大きくしすぎると表示が粗くなりますのでご注意ください。

> これは、RMS指定場所に動画をはったままにするという意味ですか？
> もし、そうなら、PC用では、商品ページ内で２か所に動画があることになりませんか？

はい、PCでは、
説明文内、および商品画像の末尾、の２箇所に表示されることになりますが、
PCの動作に大きく負担をかける、などの致命的な欠点は特にございません。

加えて、スマートフォンでは、商品名と「商品説明」の間という、
とても見やすい位置に自動で表示してくれるメリットがございますので、
RMS指定場所に動画をはったままにしていただくことをオススメします。

なお、後にいただいた同内容のご質問は削除させていただき、
関連性の深い当質問にてご返信差し上げましたので、
予めお含みおきください。

Answer

今回貼り付けていただいたタグの、
width=" と " の中にある 320 が横幅を、
height=" と " の中にある 286 が高さを
それぞれ設定しておりますので、
まずはこちらを、ご希望の大きさにご変更ください。

最適なサイズはどのくらいでしょうか？


次に、「pathin.html」を開いていただくと、
先ほどと同じ「320」と「286」の数字がタグの中にございますので、
同様にご希望の横幅と高さにご変更いただくことで、
動画の大きさを変えることができます。

「pathin.html」を開いていただくと、ありますが
これは、楽天gold内にあるファイルの数字を変更することですか

Answer

ECマスターズの田中です。

> 最適なサイズはどのくらいでしょうか？

「最適なサイズ」とひと言で申し上げましても、

・PC用販売説明文内の特定の場所に綺麗に収まる
・なるべく粗くならない程度に大きく表示したい

など様々な意味が込められる可能性があり、
一概に申し上げることができません。

まずは、ゆきこさんにて、
現在と比較してどれだけ大きくすればよいか（1.3倍、など）
見当をつけていただき、
実際に数値をご変更いただいて、どのように見た目が変わるか、
ご確認いただけますでしょうか。
作業の上で不明な点がございましたら、お気軽にご返信ください。

> これは、楽天gold内にあるファイルの数字を変更することですか

はい、楽天GOLDにアップロードしていただいた
ファイルに含まれる、数字をご変更いただく形になります。

実際に作業を行う方法ですが、
楽天GOLDの中身を直接編集することはできませんので、

ゆきこさんのPC内にある「pathin.html」内の数字をご変更いただいた上で、
FFFTPなどのソフトを利用して楽天GOLDにアップロードしていただく、
という流れになります。

Answer

田中様

現在と比較してどれだけ大きくすればよいか（1.3倍、など）
見当をつけていただき、
実際に数値をご変更いただいて、どのように見た目が変わるか、
ご確認いただけますでしょうか。
作業の上で不明な点がございましたら、お気軽にご返信ください。

RSMの商品ページの数字を１．２倍にしましたが
サイズは大きくなりませんでした。
むしろ、画像に下にあった文章が離れていましい
逆にみにくくなっていまいました。

結局今は元の戻しました。
どうしてでしょうか？

Answer

ECマスターズの田中です。

> RSMの商品ページの数字を１．２倍にしましたが
> サイズは大きくなりませんでした。
> むしろ、画像に下にあった文章が離れていましい
> 逆にみにくくなっていまいました。

こちらは、RMS上の数字だけを1.2倍にされて、
GOLDの方は特に変更されていない、
ということでよろしいでしょうか。

RMS上のタグに設定された
 width="320" height="286"
は、動画を表示するための枠の大きさを決めるものであり、
楽天GOLDの「pathin.html」内の数字をご変更いただくことで
初めて、動画自体が大きく表示されます。

動画だけ大きくしても枠からはみ出た部分は表示されないので、
RMSとGOLD、両方を調整していただきますよう
お願いいたします。

Answer

動画を表示するための枠の大きさを決めるものであり、
楽天GOLDの「pathin.html」内の数字をご変更いただくことで
初めて、動画自体が大きく表示されます。


楽天GOLDを変更するには、PC内にある「pathin.html」内の数字をご変更して
FFFTPなどのソフトを利用して楽天GOLDにアップロードということなのですね。

PC内にある「pathin.html」を削除した場合は、一から作り直しという理解でいいですか

Answer

田中様　とてもよくわかりました。
本当にありがとうございます