楽天https化後インラインフレームで表示しているjsが動かない

Question

すべてhttpsの変換は終了したので、楽天市場 HTTPS版プレビュー機能にて確認したところ、ヘッダーにインラインフレームで表示させている動くバナーや御社のイベント告知君などが動かなくなっています。
どのように対処すればいいでしょうか？###HR######IMG083fc5d292f7db08b5785c8d9af9c47ef.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

＞楽天市場 HTTPS版プレビュー機能にて確認したところ、ヘッダーにインラインフレームで表示させている動くバナーや御社のイベント告知君などが動かなくなっています。

店舗運営Navi [https化対応] 概要
https://www.rakuten.co.jp/shops/manual/navi/design/02_r001.html
の下部にございます、

　「楽天市場 HTTPS版プレビュー機能」

にて「店舗TOPページ・カテゴリーページ・商品ページ用の確認はこちら」
だけをONにされて確認していないでしょうか。

インラインフレームの内容は楽天GOLD内のファイルですので、
「楽天GOLDページ用の確認はこちら」の先にある
ラジオボタンもONに切り替えていただく必要がございます。

両方をONにご設定いただいた上で、
インラインフレームの表示をご確認くださいませ。

また、ECマスターズクラブ会員サイト
「HTTPS化支援ツール」にて公開中の
https://club.ec-masters.net/index.php?ecm-http2https

　「HTTP確認HTTPS置換君」

であれば、ページを開いた状態で、
ボタンを１つクリックするだけで両方のON/OFF切替が
できますのでぜひご活用いただければと思います。

Answer

ありがとうございました。

両方ONにしていても、IEでは動かないのですが、Firefoxではちゃんと動いていました。となるとIEの問題なのでしょうか？

Answer

ECマスターズの田中です。

私のWindows10上のIE11にて、楽天市場 HTTPS版プレビュー機能を
両方ONにて表示したところ、
概ね問題なく動作いたしましたので、
ご安心いただければと思います。

ニシザワチャンネルさんのPCのIEで表示をご確認いただく際は、
今一度、プレビュー機能を一旦OFF→再度ONにしていただいてお試しいただいたり、
rakuten.co.jpの互換表示が有効になっている場合は無効にしてお試しをお願いします。

なお、GOLD内の「like_button.html」に、
HTTPのURLが混ざっているためにボタンが表示されなくなっておりますので、
https:// にご変更いただきますようお願いします。

Answer

＞なお、GOLD内の「like_button.html」に、
HTTPのURLが混ざっているためにボタンが表示されなくなっておりますので、
https:// にご変更いただきますようお願いします。


変更しました！
ありがとうございました。

Answer

ＥＣマスターズ　田中　様
弊社店舗でも同じ現象となっております。

＞なお、GOLD内の「like_button.html」に、
HTTPのURLが混ざっているためにボタンが表示されなくなっておりますので、
https:// にご変更いただきますようお願いします。

上記内容について、どのようにすればよいのか仕方がわかりません。
御社のＧＯＬＤのＨＴＴＰＳ化についてのマニュアルを見て実行してみましたが、
うまく出来ませんでした。
ＧＯＬＤの領域については、全くわかりませんので、お手数ですが、ご教授ください。

Answer

ECマスターズの田中です。

＞弊社店舗でも同じ現象となっております。
私にてトヨさんの店舗を確認したのですが、
同じ現象が起こっているページを確認することが出来ませんでした。
お手数ですが、同じ現象が確認できるページのURLをお知らせいただけますでしょうか。
（ショップURLの部分は、伏せていただいて構いません）

Answer

https://item.rakuten.co.jp/●●●/c/0000000100/など、ほぼすべてのページだと思われます。
＞今一度、プレビュー機能を一旦OFF→再度ONにしていただいてお試しいただいたり、
rakuten.co.jpの互換表示が有効になっている場合は無効にしてお試しをお願いします。

上記の設定中は大丈夫なのですが、上記設定をせずに普通にIEで見ているとき、
まずＴＯＰページはhttp://で表示（このときは普通に表示されています）され、
カテゴリや商品ページに移ったとき、https://になります。この時点で表示がおかしくなります。
画面の下には、「セキュリティで保護されているコンテンツのみ表示されます。」と出て、
「すべてのコンテツンを表示」とすると表示されます。
この一文がなくても表示してほしいのですが、どうすればよろしいでしょうか。

Answer

ECマスターズの田中です。

IEでRMSにログインしていただき、

店舗運営Navi [https化対応] 概要
https://www.rakuten.co.jp/shops/manual/navi/design/02_r001.html
の下部にございます、

　「楽天市場 HTTPS版プレビュー機能」

にて「店舗TOPページ・カテゴリーページ・商品ページ用の確認はこちら」
をクリックした先のラジオボタンが
ONになっておりませんでしょうか。

「店舗TOPページ・カテゴリーページ・商品ページ用の確認はこちら」
および
「楽天GOLDページ用の確認はこちら」
が、両方共ON、もしくは両方共OFFの状態であれば、IEでも
「セキュリティで保護されているコンテンツのみ表示されます。」
の一文なしで表示されることを確認しておりますので、
トヨさんもそのようにご確認いただけますでしょうか。

Answer

ＥＣマスターズ　田中　様
返事が遅くなりすみません。
＞店舗TOPページ・カテゴリーページ・商品ページ用の確認はこちら」
および
「楽天GOLDページ用の確認はこちら」
が、両方共ON、もしくは両方共OFFの状態であれば、IEでも
「セキュリティで保護されているコンテンツのみ表示されます。」
の一文なしで表示されることを確認しております

以上のことをしていますが、私のパソコンでは改善いたしません。
他のパソコンでは、大丈夫でした。
私のパソコン上の設定のせいでしょうか。
もし考えられるケースなどございましたら、教えてください。
いつもお手数おかけして、すみません。

Answer

ECマスターズの田中です。

他のパソコンでは問題ないことをご確認いただいているということですね。
一度、プレビュー機能の情報が保存されている
クッキーを削除していただいた上で、
改善されるかどうかご確認いただけますでしょうか。
http://ebid-portal.kumamoto-idc.pref.kumamoto.jp/cache_clear_ie.html#ie11

Answer

田中　様
ご返信、ありがとうございます。
試してみましたが、改善されませんでした。
大変申し訳ありません。

Answer

ECマスターズの田中です。

＞試してみましたが、改善されませんでした。
承知しました。

トヨさんのご利用されているブラウザを詳しく確認させていただきたいので、
アクセスしたPCのブラウザやOSなど、環境を調べることができる
https://aboutmybrowser.com/
上記URLにアクセスしていただき、移動後のURLをお知らせいただけますでしょうか。

Answer

アクセスすると、画面の中央に下記のＵＲＬが表示されています。
https://aboutmybrowser.com/2RW_6QG4

よろしくお願いいたします。

Answer

ECマスターズの田中です。

＞アクセスすると、画面の中央に下記のＵＲＬが表示されています。
ご連絡いただきありがとうございます。
IE11をご利用いただいていることを確認いたしました。

一度ご確認いただきたいのですが、
カテゴリページや商品ページ、および楽天GOLD内のページを
「https://」で始まるURLで閲覧された際、
「http://」で始まるURLに転送されますでしょうか。
また、イベント告知君を直接開くと、表示は乱れますでしょうか。

https://item.rakuten.co.jp/●●●/c/0000000100/
や
https://www.rakuten.ne.jp/gold/●●●/rpoint_box/rpoint_box_scroll.html
を直接アドレス欄にご記入の上表示していただき、
アドレス欄のURLが変化するかどうか、また表示が乱れるか、ご確認をお願いします。

Answer

田中　様

＞「https://」で始まるURLで閲覧された際、
「http://」で始まるURLに転送されますでしょうか。
転送されません。https://のままです。

＞https://www.rakuten.ne.jp/gold/●●●/rpoint_box/rpoint_box_scroll.html
を直接アドレス欄にご記入の上表示していただき、
アドレス欄のURLが変化するかどうか、また表示が乱れるか
URLは、https://のままです。
イベント告知君を開くと表示が二重になっています。
お気に入りバーのところに、イベント告知君が見えます。
お気に入りバーをあちこちクリックすると、元々あったバーが出現しますが、
バーの下にイベント告知君がいるようです。

Answer

ECマスターズの田中です。

＞転送されません。https://のままです。
＞URLは、https://のままです。
RMSのプレビュー機能を切っているのに、
カテゴリページを見ても、GOLDのページを見ても、
https://のままで転送されないということは、
https://rd.rakuten.co.jp/rn/support_n/1706/29/32265074/?shops
上記サポートニュースで解説されております、
「ユーザに対して、店舗様のページをhttps化」の対象になっている可能性がございます。

また別の内容を、ご確認いただけますでしょうか。
IEの画面右上にある歯車ボタン→「F12 開発者ツール」を開いた状態で
トヨさんのショップのカテゴリページを開いていただき、
イベント告知君の表示が乱れていることをご確認いただいた上で、
開発者ツールの「コンソール」をクリックしていただき、
エラーメッセージが表示されておりましたら、その内容をお知らせいただけますでしょうか。
（ショップURLが含まれている可能性がございますので、ご注意ください）

＞バーの下にイベント告知君がいるようです。
すみません、状況がうまく把握できませんので、
実際にどのような見た目になっているのか、
スクリーンショットを撮影していただけますでしょうか。
フォーラムにてご返答いただきづらい場合は、
club@ec-masters.net 宛に、スクリーンショットを添付したメールにてお知らせください。