動画を商品ページと商品ペーの間に貼り付けたい件

Question

https://item.rakuten.co.jp/aibeaute/284/　　(実際の参考例ショップ)

PCとスマホページそれぞれの、商品ページと商品ペーの間に動画貼り付けたい。

スマホページはサムネイル画像の下に動画表示があります。
スマホにも商品ページと商品ペーの間に動画貼りつけることが可能なのか!!

やり方と手順を知りたい。　自分達でできるならやります。###HR######IMG044cb47087a92bee2ba8ce5b788857256.pngIMG0### ###IMG1d535c4f1f6dd0526a44f174911458c86.pngIMG1###

Answer

ECマスターズの土屋です。

>スマホページはサムネイル画像の下に動画表示があります。
>スマホにも商品ページと商品ペーの間に動画貼りつけることが可能なのか!!

一枚目のキャプチャに関しまして、
通常商品編集ページの動画HTMLを
R-Cabinetからの「HTMLソースをコピー」より
貼り付けていただくことで対応可能です。
https://ec-masters.gyazo.com/05112f466eb26aac4215e13975f7d071

二枚目のキャプチャに関しまして、
楽天GOLDにページを作成し
iframeタグを用いて引用することで実現しております。

前提として
楽天GOLDにはオリジナルでHTMLとCSSやJSを組んで
WEBページを作成することができます。
楽天GOLDで作成したWEBページのURLは例えばですが
下記のような例になります。
（例）
https://www.rakuten.ne.jp/gold/店舗URL/test/test.html/

こちら楽天GOLD直下にtestフォルダを作成し
その中にtest.htmlファイルを作成した例になります。

test直下に作成したhtmlファイルに
R-Cabinetからの「HTMLソースをコピー」よりコピーした
動画のソースを貼り付けていただき
楽天GOLDで作成したHTMLファイルを
iframeタグを用いて商品ページに引用することが可能です。

例えば下記のような記述になります。


iframeタグの利用方法につきましては下記の
サイトもご参考にして頂けますと幸いです。

【参考サイト】
https://seolaboratory.jp/52748/#:~:text=iframe%E3%81%A8%E3%81%AF%E3%80%81%20Web%E3%83%9A%E3%83%BC%E3%82%B8,%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%80%8D%E3%81%A8%E5%91%BC%E3%81%B0%E3%82%8C%E3%81%BE%E3%81%99%E3%80%82

注意点としまして、
iframeタグは楽天の仕様上スマートフォンには適応することはでき無いため
予めご理解頂けますと幸いです。

どうぞよろしくお願いします。

Answer

先日はご回答ありがとうございました。
申し訳ありませんが、私達は楽天GOLDを操作したことが一度も無く、全くの素人です。

ですので、回答を拝見してもよく分かりません。
もっと初心者に分かる様に手順の説明をお願いします。

また、楽天GOLDを使いこなしたいので、まず、操作マニュアルのようなものはないでしょうか?

よろしくお願いします。

Answer

ECマスターズの土屋です。

>ですので、回答を拝見してもよく分かりません。
>もっと初心者に分かる様に手順の説明をお願いします。

説明がわかりづらく申し訳ございません。
手順に関しましては、以下をご参考ください。

（１）
下記HTMLを、メモ帳などに貼り付け

==== 以下を貼り付け ====






    「R-Cabinetの動画のソース」


==== 以上を貼り付け ====

（２）
R-Cabinetの動画のソースをコピーして頂き
作成したHTMLファイルの「R-Cabinetの動画のソース」に貼り付ける。

https://ec-masters.gyazo.com/0cf001e750c9f966117b1dfbc88d598c

（３）
お好きな名称半角英字.html(例：sample.html)としていただき
文字コードで UTF-8 を指定して保存してください。
※sample.html.txt　のように、最後に.txtがつかないよう、ご注意ください。

（４）
楽天GOLDにFTP接続をして頂き、
動画のソースを貼り付けたHTMLファイルをアップロードする。

【FTP接続方法】
https://navi-manual.faq.rakuten.net/service/000010362

（５）
表示したい箇所に下記を記入

※heightは高さとなります。

>また、楽天GOLDを使いこなしたいので、まず、操作マニュアルのようなものはないでしょうか?

楽天GOLDは作成したHTMLなどのファイルを
自由にアップロードできるディスクスペースと
なっています。

そのため、楽天GOLDにページを作成するには、
HTMLやCSSといった、サイト作成の
知識が必要となっています。

HTMLの知識がない場合は、提携会社となる
ECステーションの、

ページクリエイター
https://manual.ecsystem.jp/first/first_pg/

をご利用いただきますと、HTML等の知識なく、
ページの作成ができますので、
よろしければご検討ください。

https://www.intecrece.co.jp/ec/