リダイレクト前のページで閲覧ができる現象について

Question

お世話になります。

弊社本店サイトで、領収書申請フォームがあり、
今年10月頃に、外部サイトに申請フォームを移行しました。

移行するにあたり、本店サイトの領収書申請フォームを
外部サイトのフォームにリダイレクト設定を致しました。

リダイレクト設定を行いましたが、
時々、リダイレクト前のページから申請があります。

リダイレクト設定をしていますが、
リダイレクト前のページが閲覧、申請ができる現象、原因について、
ご存知でしたらご教示お願いします。

▼リダイレクト前
http://www.4860.jp/sub/receipt/

▼リダイレクト後
https://faq.4860.jp/hc/ja/requests/new?ticket_form_id=360000738151

▼リダイレクトに使用したソース

Answer

ECマスターズの田中です。

metaタグによるリダイレクトですと、
ページを概ね読み込んだ後にリダイレクトが始まりますので、
たとえば、リダイレクト前のページの読込中に中止ボタンを押すと、
前のページがそのまま閲覧できてしまいます。

自社管理のサーバーでしたら、
「.htaccess」ファイルを利用したリダイレクトで
確実にリダイレクト後のページを表示させることができます。
https://kana-lier.com/web/redirect/

Answer

ECマスターズ 田中様。
お世話になります。

「.htaccess」ファイルを利用したリダイレクト設定について、承知いたしました。
試してみます。

metaタグのリダイレクトで質問です。
スマートフォンで閲覧した場合でも、お客様自身でページ読込中でも
中止ボタンを押す可能性がありますでしょうか。

読込を中止ボタンを押す以外でも
前のページを見ることはできますでしょうか。

すみませんが、ご確認お願いします。

Answer

ECマスターズの田中です。

> スマートフォンで閲覧した場合でも、お客様自身でページ読込中でも
> 中止ボタンを押す可能性がありますでしょうか。

可能性はあります。
ページ全体の読み込みが遅れるほど、
お客様が読み込みを中止される可能性が多くなります。

> 読込を中止ボタンを押す以外でも
> 前のページを見ることはできますでしょうか。

純粋に、特殊な拡張機能などが設置されていないブラウザにて、
読み込み中止以外で前のページを見る方法は見当がつきません。

自作のプログラムなどで、ページのソースを読み取って
ブラウザを通さずにフォームのデータを送信するケースは
無数に考えられます。

Answer

ECマスターズ 田中様。
お世話になります。

前のページの読み込みについて、
ありがとうございました。
勉強になりました。

「.htaccess」の件で質問があります。
頂いた参考ページを見ながら、
記述を追加致しましたが、リダイレクトが効いていません。
記述内容を添付致しました。

書き方に間違いが無いか確認お願いします。

すみませんがよろしくお願いします。###HR######IMG0a51563d30077d90fc75fa3d1c810526c.jpegIMG0###

Answer

ECマスターズの伊藤です。

> 書き方に間違いが無いか確認お願いします。

一番最後の行ですが、下記に差し替えて、動作するかお試しくださいませ。

RewriteRule /sub/receipt/ https://faq.4860.jp/hc/ja/requests/new?ticket_form_id=360000738151 [R=301,L]

また、.htaccessをアップする場所ですが、
一番下層(https://www.4860.jp/と同等)のフォルダとなっているか、
ご確認をお願いいたします。

Answer

ECマスターズ 伊藤様。
お世話になります。

早速、修正致しましたが、
リダイレクトが効いておりませんでした。

自社で管理しているサーバーでないため、
サーバーを管理している会社に確認致します。

書き方、記述について、さらに質問がございます。
RewriteRule /sub/receipt/ https://faq.4860.jp/hc/ja/requests/new?ticket_form_id=360000738151 [R=301,L]

上記の内容の「/sub/receipt/」ですが、相対パスで記述しておりますが、
絶対パスで記述して、動作致しますか。


すみませんが、よろしくお願いします。

Answer

ECマスターズの伊藤です。

> 上記の内容の「/sub/receipt/」ですが、相対パスで記述しておりますが、
> 絶対パスで記述して、動作致しますか。

絶対パスはhttp(s)://から始まるURLのことでしょうか。
その場合、http(s)://から始まるURLが転送可能となると、
どのサイトのURLでもリダイレクトすることが
可能となってしまうため、
/から始まるパスの記述のみ、ご対応いただけます。

> 自社で管理しているサーバーでないため、
> サーバーを管理している会社に確認致します。

サーバーによっては、.htaccessが
制限されているところなどがございますので、
恐れ入りますが、ご利用可能か、ご確認お願いいたします。

Answer

ECマスターズ 伊藤様。
お世話になります。

記述について、承知いたしました。
勉強になりました。
ありがとうございます。

また、サーバー管理会社に「.htaccess」でリダイレクトができない件を確認しましたが、
すぐに原因がつかめていないと回答をもらいました。

サーバー管理会社に別の方法について、確認しました。
JavaScriptでリダイレクト設定が可能と伺ったのですが、
「.htaccess」と同じ効果はありますでしょうか。

すみませんが、よろしくお願いします。

Answer

ECマスターズの田中です。

> JavaScriptでリダイレクト設定が可能と伺ったのですが、
> 「.htaccess」と同じ効果はありますでしょうか。

location.replace("https://faq.4860.jp/hc/ja/requests/new?ticket_form_id=360000738151");

たとえば上記のような、JavaScriptによるリダイレクト設定は
概ねタグに似たような動作となり、
前のページの読込中に後のページに移動する動作になります。

JavaScriptの動作を停止した状態での読み込みや、
先に申し上げた自作プログラムによる送信などもございますので、
やはり、稀に前のページのフォームから送信されるケースは考えられます。

.htaccessの件に戻りますが、
いただいた３行を、下記１行に差し替えていただくといかがでしょうか。

Redirect permanent /sub/receipt/ https://faq.4860.jp/hc/ja/requests/new?ticket_form_id=360000738151

それでもリダイレクトされない場合は、
サーバー管理会社からの返答をお待ちいただきますようお願いします。
万が一、.htaccessの設置されているディレクトリがわかるようでしたら
お知らせいただければ幸いです。

Answer

ECマスターズ 田中様。
お世話になります。

JavaScriptの件、ありがとうございます。
実際にページにソースを入れて確認致しました。
metaタグと似た動作を確認出来ました。

.htaccessも試してみましたが、
サイトのCSSの装飾が消えてhtmlのみになってしまいました。
階層を変えても同じ表示でした。

サーバー管理会社にJavascript、
今回の.htaccessの件を再度確認致します。

Answer

ECマスターズの田中です。

> .htaccessも試してみましたが、
> サイトのCSSの装飾が消えてhtmlのみになってしまいました。
> 階層を変えても同じ表示でした。

お試しいただき、ありがとうございます。
改めて、確認の結果をお待ちいただきますようお願いします。