GTM (Google Tag Manager) と location.href を使って HTML + JavaScript だけで別ドメインや URL へリダイレクトする方法をご紹介します。

背景 Google Tag Manager だけでリダイレクトさせたい

LPサイトから公式サイトへ Google Tag Manager だけでリダイレクトさせたいケースに遭遇したので location.href を利用してリダイレクトさせました。

各 URL は以下のとおりです。

• LPサイト: https://lp.example.com/
• 公式サイト: https://example.com/

前提条件 Google Tag Manager からしか HTML, JavaScript を編集できない環境

HTML を編集できず meta refresh リダイレクトを行えない場合に、Google Tag Manager から HTML + JavaScript のタグを追加して location.href でリダイレクトさせるサンプルコードを書きました。

location.href でリダイレクトするサンプルコード

location.href を利用して、ページ表示直後にリダイレクトするサンプルコードは以下のとおりです。

<script type="text/javascript">
  location.href='https://example.com/';
</script>

SEO 観点の自分用メモ

• リダイレクトを使用してページの URL を変更する | Google 検索セントラル  |  Google Developers

以上、location.href を使って　HTML + JavaScript だけで別ドメインや URL へリダイレクトしたい、現場からお送りしました。

参考情報

• Location - Web API | MDN