ブログ - Web関連

web

Web関連

stuidioで特定のURLをリダイレクトする

studioで存在しないurlを指定した場合

  • HOMEページを表示する仕様
  • このページにurlを遷移させるjsを実装

上記ででやりたいことを実現しました。 

404ページを作成した場合は、そちらのページが表示されるかもしれません。 

今回はひとまず404を用意せず、検証を優先して実装しました。

jsを指定する場所

  • デザインエディタを開き 
  • HOMEのページを表示 
  • 右側のメニューを表示 
  • ページタブにある「カスタムコード」の「head内の末尾」に新規コードを作成

コードの内容

今回は添付ファイルのようなコードを書きました。
コード自体はChatGPTのアシストを受けながら作成しています。

blog、case、newsの文字列が含まれるurlでリダイレクトを実行

DOMContentLoaded イベントの扱いについて

https://help.studio.design/ja/articles/7890587-サイト-ページにカスタムコードを追加する#h_72b60e435b

こちらには 

headにコードを書いた場合、DOMContentLoaded イベントは発火しますが、HTML documentの読み込みと解析が未完了のタイミングで発火します。 

とありました。 

今回はページ遷移のため、未完了のタイミングでも問題ありません。それらをふまえてheadにコードを記載しました。

実際の挙動

問題なくページ遷移が動作しました。 

新機能「カスタムコード」のおかげで、実装までの手間が少なく、大変助かりました。

お困りごとをお聞かせください。

ウェブについてのご相談、ご依頼など。お気軽にお問い合わせください。
頂いた内容については、3営業日以内の返信を心がけております。

お困りごとに対して、事例やアイディアを持って返信を心がけております。
小さなことから、お気になさらずお気軽にご相談ください。

  • 必須

    詳細を入力してください。

  • 営業しないでください。

  • 必須

    お名前を入力してください。

  • 必須

    メールアドレスを入力してください。

    正しいメールアドレスを入力してください。

その他のWeb関連一覧

カテゴリーリスト