FTP自動アップ君

Question

お世話になっております。
イベントバナーなどを設置する際に使おうと考えているのですが、
今まではＲＭＳの共通説明文大とかにＨＴＭＬ入力して反映させるやり方をしてきましたが、
ＦＴＰサーバーを使うやり方を教えていただけると嬉しいです。
アップロード元は共通説明文大用のホルダーを作りましたが、アップロード先をどこにすればＲＭＳに反映されるのでしょうか？
パソコン初心者なのですいません。

Answer

ECマスターズの田中です。

FTP自動アップ君を利用することで、
指定した時刻に、楽天GOLDにアップロードを行うことができるのですが、
まずは、楽天GOLDを手動で操作していただき、
楽天GOLDはどのような仕組みなのか、
ご理解いただきますようお願いいたします。

楽天GOLDにファイルをアップロードしていただくと、
確かにお客様にご覧いただける状態にはなりますが、
RMSのページに自動的に設置されるわけではございません。
アップロードしたファイルのURLをもとに、
ページ内にご設置いただく必要がございます。

まずは、アップロードしたファイルのURLに
直接アクセスして、問題なく閲覧できることを
ご確認いただきますようお願いします。

手動でFTPサーバを扱うソフトは、何かお持ちでしょうか。
楽天市場の場合、楽天市場の利用に特化した
「Ribrary」というソフトが無料でご利用いただけます。
URLもクリックだけでコピーでき、非常に便利ですので、
まずは一度ご利用いただきますようお願いします。
https://navi-manual.faq.rakuten.net/service/000010173

何をアップロードすればいいのかわからない、など、
不明な点がございましたらお気軽にご返信ください。

Answer

ECマスターズの田中様
早速のご返答ありがとうございます。
手動でFTPサーバを扱うソフトは何も持っていないです…
とりあえずRibraryを使ってみます。
先ずはRibraryの使い方からですね。
使っていくうちにわからないことが出てくると思いますので
よろしくお願いいたします。

Answer

ECマスターズの田中様
さっそくRibraryをインストールして、楽天GOLDとR-Cabinetの設定もできました。
するとホルダーだらけなのにビックリです。
へたに触って何か設定が変わってもいけないと思い、
楽天さんに電話して使い方を聞こうとしたのですがマニュアルが無いと言われ教えてもらえませんでした。
何か初心者向けの参考資料とかおすすめあれば教えていただきたいです。
ecstaisonをクリックしたら出てきたホルダーとかは勝手に削除とかしたらダメですよね。
最初から不明な点ばかりです。よろしくお願いします。

Answer

ECマスターズの田中です。

> 何か初心者向けの参考資料とかおすすめあれば教えていただきたいです。

店舗運営Naviの「Ribraryを使う」というページがございますので、
ご覧いただいていない場合は一度ご参照ください。
https://navi-manual.faq.rakuten.net/service/000010188

Ribraryにて、たくさん表示されたファイル・フォルダに
驚かれているかと思います。

いわゆるFTPサーバである楽天GOLDは、
パソコンの中に保存してあるデータを
インターネット上で公開するための仕組みです。

そのため、楽天GOLD上のデータも、
基本的には、普段パソコンに保存してあるデータと
同じように取り扱っていただければ結構です。

細かい違いはいくつかございますが、
特に、ファイル名につきましては、
必ず半角英数字および一部の半角記号（- _ など）で
名付けていただきますようお願いします。
日本語が含まれると、文字化けなどのトラブルの原因となります。

既存のファイル・フォルダを誤って変更することのないよう、
まずは、楽天GOLDに、わかりやすい名前で
フォルダを作成していただきますようお願いします。
（test190919 など）
Ribraryの画面右上、右から４つ目に、「フォルダ作成」ボタンがございます。

フォルダができましたら、
一度Ribraryから離れ、パソコン上で、
そのフォルダにアップロードするためのファイルをご用意ください。
画像ファイルでも、メモ帳で「あ」とだけ書いたテキストファイルでも結構です。
先述の通り、ファイル名は必ず半角文字でご設定ください。

ファイルの準備ができましたら、
Ribraryにて、作成していただいたフォルダを開き、
ご用意いただいたファイルを「アップロード」ボタンから
アップロードしてください。

アップロードが完了したファイルに
マウスカーソルを当てると、
右下に「URLコピー」と表示されますので、クリックして、
ブラウザ（Chromeなど）のアドレス欄に貼り付けて
アクセスしてみてください。

無事、アップロードしたファイルの中身を
ご覧いただくことができましたら、
アップロードの動作に成功されたことになります。

FTP自動アップ君は、この動作をタイマーで自動で行うツールであることを、
まずはご理解いただければと思います。

「フォルダを開き」の動作がわからない、など、
不明な点がございましたらお知らせください。
文字によるご案内となりますが、
１つずつ確実に操作していただければ幸いです。

Answer

ECマスターズの田中様
わかりやすい解説のおかげで無事にアップロードは成功しました。
ありがとうございます。

次にFTP自動アップ君でバナーを設置したり、外したりするときはどうしたらいいのでしょうか？
商品のイベント時の一括編集はRたすく君のCSVファイルで書き出す機能で元のCSVファイルと編集後のCSVファイルを用意してFTP自動アップ君にセットすれば良いのではないかと思うのですけど…
バナーの設置方法がわかりません。ご教示ください。

Answer

ECマスターズの田中です。

具体的な方法のご案内の前に、
今回出し分けを行われる場所のご確認をお願いします。

各商品の説明文、
たとえば、PC用販売説明文の先頭、などの場合は、
おっしゃるとおり、CSVファイルによる修正ができますが、

ヘッダー・フッター・レフトナビや
共通説明文（大）など、
CSVファイルに含まれない項目につきましては、
CSVファイルをFTPにアップロードする方法での
書き換えを行うことができません。

そのような項目で、FTP自動アップ君を利用しての
バナーの出し分けを行われる場合は、
HTMLのソースを書き換えるのではなく、

・バナー用の画像ファイルを、実際のバナーと完全に透明な画像で出し分ける
（↑RMSの仕様上、反映に時間がかかる可能性がございます）
・「スタイルシート」を利用して、バナーの表示・非表示を切り替える

といった工夫が必要となります。

そのため、今回バナーの出し分けを行う箇所が
各商品の説明文なのか、
それともCSVに含まれない共通説明文（大）などの箇所なのか、
お知らせいただきますようお願いします。

Answer

ECマスターズの田中様
　LIVEお疲れ様でした。昨日のサービス活用共有会もライブで拝見しました。

バナーの出し分けを行う箇所は共通説明文大に掲載を考えています。なんか難しそうですが…
バナーはスーパーセール＆お買い物マラソン時のクーポン獲得バナー6枚を考えています。
今までは共通説明文大の一番下に掲載しておりました。
もし各商品の説明文に張り付けるのとしたら楽天さん配布のバナー画像のサイズはそのままでもいけますか？
楽天さんには共通説明文大に掲載する方法しか教えてもらっていませんでした。
御社に入会するまでヘッダー・フッター・レフトナビなどをいじったことがなかったです…
入会してまだ2か月ですが日々勉強させていただいてます。
ほんとに入会して良かったと思っています。よろしくお願いいたします。

Answer

ECマスターズの田中です。

LIVEおよびサービス活用共有会、ライブでご視聴いただき
誠にありがとうございます。

> バナーの出し分けを行う箇所は共通説明文大に掲載を考えています。

承知しました。
その場合は「スタイルシート」をご利用いただく形になります。

実際に操作しながら、方法をご確認いただきたいので、
共通説明文（大）に貼り付けても問題ないバナーを
ご用意ください。
既存のバナーがある場合は、それをご利用いただいても結構です。

また、実際の操作の前に、既存の共通説明文（大）を
「コピー」していただき、
万が一表示が崩れた場合にいつでも元に戻せるように
バックアップを取っていただきますようお願いします。

共通説明文（大）内に貼り付けていただいたバナーの設置用タグを、

 .bnrEvent { display: none; } 


以上２行と



以上１行で挟んでいただきますようお願いします。

そうすると、挟んだバナーの表示が消えるかと思います。
最初の１行、styleタグで挟まれた「スタイルシート」の規則によって、
「class="bnrEvent" で囲まれた部分を非表示にする」
という指示がされていることが原因です。
１行目のタグを消すと、再びバナーが表示されることをご確認ください。

このスタイルシートによる指示は、
FTPでアップロードされたファイルでも可能ですので、
ファイルの中身をタイマーで変更することにより、
表示・非表示を切り替えることができます。

メモ帳などで

.bnrEvent { display: none; }

という１行だけ記載したテキストファイルを、
ファイル名の末尾（拡張子）を
.css
にした上で、
楽天GOLDにアップロードしてください。
先日作成いただいたフォルダの中にアップロードしていただくと
わかりやすいかと思います。

アップロードされたファイルのURLをコピーしていただきましたら、
先程のタグの代わりに



以上１行を貼り付けていただきますようお願いします。
（コピーしたURLは、実際のURLに差し替えてご利用ください）

そうすると、タグと同じ規則が適用されて、
再び、バナーが非表示になります。

このファイルの中身を、書いたり書かなかったりを
タイマーで切り替えることで、バナーの出し分けが可能となります。

ここまでを手動で操作していただき、
不明な点、詰まる点などございましたらご返信願います。

お褒めの言葉をいただき、ありがとうございます。
もう少しでタイマーによる出し分けが可能となりますので、
一つずつ習得していただければ幸いです。
よろしくお願いいたします。

Answer

ECマスターズの田中様　
毎回、丁寧なご説明ありがとうございます。
バナーを設置する前のHTMLをコピーして、メモ帳にペーストしてそれを保存しました。
手動で共通説明文大で行う作業でバナーが消えたり出現するのも確認できて、
アップロードしたＵＲＬをコピーしてバナーの前に貼り付けて今は消えた状態です。
一応、今回の返信もメモ帳アプリで保存しておきました。
次の手順もよろしくお願いします。

Answer

ECマスターズの田中です。

ここまでの手順について、
無事ご確認いただけて何よりです。

あとは、今回 手動でアップロードしていただいたCSSファイルを
FTP自動アップ君でアップロードする仕組みをご確認いただいて
完了となります。

https://manual.ec-masters.net/index.php?ecm-tools-manual-ftpjidouup
上記マニュアルに沿ってFTP自動アップ君の
初期設定をお試しいただき、

アップロードするファイルをセットする方法がわからない、
アップロード先の指定方法がわからない、
など、不明な点がございましたらご返信願います。

Answer

ECマスターズの田中様
早速のご返答ありがとうございます。
上書きしたいファイルとは共通説明文大の中をすべてコピーするのでしょうか？
それともバナーのHTMLタグの部分だけでしょうか？
それをどこのフォルダーに張り付ければ良いのでしょうか？
それ用のフォルダーをどこに作るのでしょうか？
ＦＴＰサーバーではtestというフォルダーを作りました。
そのフォルダーをアップロードしたら横にCSSというフォルダーがでてきました。
そのフォルダーのＵＲＬをコピーしてタグを作って貼り付けたら消えました。
このフォルダーとは別にもう一つアップロード用のフォルダーを新規で作るのでしょうか？

Answer

ECマスターズの田中です。

回答の前に、今回お試しいただいた構造を
改めてご確認いただきますようお願いします。
その際、表示/非表示を切り替えるスタイルシートが記載されたファイルを
「CSSファイル」と呼称いたします。

今回、共通説明文（大）に、



イベントバナーの設置用タグ


上記のような構造で、イベントバナーを設置していただきました。

タグで読み込んでいるCSSファイルの中身を、
.bnrEvent { display: none; }
にしていただくことで、
スタイルシートが適用され、イベントバナーが非表示になります。
逆に、何も記載しないことで、イベントバナーが再び表示されます。

これを利用して、イベント前からCSSファイルの中身を
.bnrEvent { display: none; }
にしてイベントバナーが非表示になる状態でバナーを設置しておき、
FTP自動アップ君で、
イベント開始時刻に合わせて、中身のないCSSファイルをアップロードしていただくことで
バナーが表示され、

イベント終了時刻に合わせて、
.bnrEvent { display: none; }
が記載されたCSSファイルをアップロードしていただくことで、
バナーが非表示になる、という仕組みになっております。

以上を踏まえた上で、いただいたご質問に回答してまいります。

> 上書きしたいファイルとは共通説明文大の中をすべてコピーするのでしょうか？
> それともバナーのHTMLタグの部分だけでしょうか？

上書きするファイルは、お試しいただいた時と同様に、
開始時刻の場合は中身が何もない状態（もしくは半角スペースのみ）で、
終了時刻の場合は
.bnrEvent { display: none; }
とだけ記載したファイルをご用意ください。

> それをどこのフォルダーに張り付ければ良いのでしょうか？

FTP自動アップ君の画面にて、
アップロード元フォルダの下に「フォルダを開く」と書かれたボタンを
クリックし、開いたフォルダに貼り付けていただければ結構です。
（正確には、プログラムのあるフォルダの中にある「UPdata」フォルダとなります）

> それ用のフォルダーをどこに作るのでしょうか？

FTP自動アップ君にてすでに作成されておりますので、
YYSさんにて作成いただく必要はございません。

> ＦＴＰサーバーではtestというフォルダーを作りました。
> そのフォルダーをアップロードしたら横にCSSというフォルダーがでてきました。
> そのフォルダーのＵＲＬをコピーしてタグを作って貼り付けたら消えました。
> このフォルダーとは別にもう一つアップロード用のフォルダーを新規で作るのでしょうか？

今回は新規で作らず、testフォルダをご利用いただいて結構です。
方法の理屈が身につき次第、別フォルダに利用をご検討いただければと思います。

FTP自動アップ君を利用して、FTPサーバーのtestフォルダに
ファイルをアップロードされる場合は、
FTP自動アップ君の「アップロード先フォルダ」記入欄に
/test
とご記載ください。

Answer

ECマスターズの田中様
大変ありがとうございました。
中身のないCSSファイルをアップロードしたり、
.bnrEvent { display: none; }とだけ記載したCSSファイルをアップロードしたり、
してみました。
Ribrary内のCSSファイルはちゃんと書き換えられていました。
ページに反映するには時間がかかるとのことでしたのでまだ見ていませんが…
たぶん大丈夫でしょう。
最後に複数のバナーを一度に設置する場合でも複数のHTMLタグの最初と最後に

と
で挟んで大丈夫でしょうか？

Answer

ECマスターズの田中です。

> 最後に複数のバナーを一度に設置する場合でも複数のHTMLタグの最初と最後に
> 
> と
> で挟んで大丈夫でしょうか？

はい、との間に
複数のバナーをご設置いただいても問題ありません。

FTP自動アップ君を実際に使ってのテストも
無事成功されているようで、何よりです。
特に、スーパーSALEのような大きいイベント開始のタイミングですと、
楽天全ショップの変更作業が集中し、
処理が遅れる可能性がございます。
私の体感として、商品一括編集機能よりも発生するケースは少ないかと思いますが、
予めお含みおきいただければ幸いです。

万が一、反映されていないことに気づかれた場合は、
ファイル内に半角スペースを２〜３個加え、
ファイルの内容を若干変えた状態で
再度アップロード、および表示をご確認いただきますようお願いいたします。

Answer

ECマスターズの田中様
バナーの設置方法はわかったりました。とても丁寧な解説ありがとうございました。感謝です。

トップページでバナーが出現したり、消えたりするのも確認できました。
商品管理の時も同等の手順でＯＫですよね？
その時はそれ用の半角英数字で同じフォルダー名のフォルダーを
デスクトップとRibraryの中に作ってやればよいという理解であってますか？

あと、説明動画を見ていると最後に【上書きしますか？はい、いいえ】の画面が出てきていましたが
自分がやったときは最後の【上書きしますか？はい、いいえ】の画面が出てこずにメモアプリが現れ終了になります。
FTP自動アップ君も勝手に閉じてますが問題ありますか？
正常に作動しているので問題ないと思いますが…

Answer

ECマスターズの田中です。

> 商品管理の時も同等の手順でＯＫですよね？
> その時はそれ用の半角英数字で同じフォルダー名のフォルダーを
> デスクトップとRibraryの中に作ってやればよいという理解であってますか？

商品管理の時、というのは、具体的にどのような操作を行われる際でしょうか。
（商品名の先頭に一括で記入する、など）
商品一括編集機能をご利用される場合は、
item.csv、select.csv など、楽天で定められたファイル名のファイルを
パソコンの中のみにご用意いただく形になります。
そのような動作をご希望ではない場合は、詳しい内容をお知らせ願います。

また、
「ファイル」はパソコン内にあるテキストや画像など１つ１つのデータを、
「フォルダー」は、それらのデータをまとめるための入れ物を、
それぞれ示す名前となっております。
呼称の取り違えが起こると、正しいご案内ができない可能性がございますので
ご注意いただきますようお願いします。

> あと、説明動画を見ていると最後に【上書きしますか？はい、いいえ】の画面が出てきていましたが
> 自分がやったときは最後の【上書きしますか？はい、いいえ】の画面が出てこずにメモアプリが現れ終了になります。
> FTP自動アップ君も勝手に閉じてますが問題ありますか？

マニュアルに掲載しておらず大変申し訳無いのですが、
バージョンアップに伴い、そのような動作に変更されております。
終了されるのは問題ありませんので、
メモアプリに表示された内容に問題がないかどうかのみ、
ご確認いただきますようお願いします。

Answer

ECマスターズの田中様
早速のお返事ありがとうございます。
商品管理の時というのは、動画の中でテスト用のページを作ってやってみてください
とおしゃってたと思いお聞きしただけです。
商品一括編集機能をする場合は、Ｒたすく君Ⅱで作業前と作業後のＣＳＶを書き出せば良いと思うのです。
その際に商品一括登録item.csvで書き出すとＲ-たすくⅡDATA＞OUTというフォルダに保存されます。
それをTEST2みたいなフォルダーをデスクトップとRibraryの中に作ってコピペして
バナーの設置の時の手順でやればよいという理解であってますか？

Answer

ECマスターズの伊藤です。

> 商品管理の時というのは、動画の中でテスト用のページを作ってやってみてください
> とおしゃってたと思いお聞きしただけです。
> 商品一括編集機能をする場合は、Ｒたすく君Ⅱで作業前と作業後のＣＳＶを書き出せば良いと思うのです。
> その際に商品一括登録item.csvで書き出すとＲ-たすくⅡDATA＞OUTというフォルダに保存されます。
> それをTEST2みたいなフォルダーをデスクトップとRibraryの中に作ってコピペして
> バナーの設置の時の手順でやればよいという理解であってますか？

動画でご案内している、商品管理方法ですが、こちらは楽天の「商品一括編集」のご契約が必要となります。
https://navi-manual.faq.rakuten.net/item/000009622

ＲたすくⅡにてCSV一括編集をご利用の場合は、
FTP自動アップ君にて更新していただくことができません。

Answer

ECマスターズの伊藤様
早速のお返事ありがとうございます。
わかりました。バナーの設置の時にFTP自動アップ君、使わせていただきます。