【Google Analytics】フォームのみ別ドメインで運用するクロスドメイン設定

弊社のお問い合わせフォームシステムがまさにそうだが，メールフォームを自社ドメインでなく，別サイトのシステムを使っている場合に Google Analytics においてページ遷移が分からなくなってしまう問題が起こる．

クロスドメインとは

一つのサイトの中で別のドメインのページが混じっている状態の時にクロスドメインという．

通常，別サイトになってしまうので，グーグルアナリティクスなどのログ解析系のソフトの場合は問題が起こる．
一方のサイトからもう一方のサイトへページ遷移した場合に外部サイトと認識してしまうため，そのサイトが同じサイトであるということを教えてやる必要があるからだ．

トラッキングとは追跡するということで，そのようなページ遷移を追跡することをクロスドメイントラッキングという．

Google Analytics でフォームのみ別ドメインで運用する場合のクロスドメイントラッキングの設定方法

そのような別ドメインでのお問い合わせフォームを運用している場合の Googleアナリティクスの設定方法を説明します．

• 参照元除外設定
• タグの設定

参照元除外設定

以下のページを参考にして，参照元の除外設定を行う．
https://support.google.com/analytics/answer/2795830?hl=ja

タグの設定

3通りあるので，3通り紹介する．お勧めは Google タグマネージャーを使った方法．

以下の説明の中で，例えば

自社サイトを www.xxxxx.jp
レンタルフォーム業者のタグのホストを xxx.rectus.co.jp

とした場合，

自分のサイトのドメインは xxxxx.jp
フォームのドメインは rectus.co.jp

とする．

トラッキングID は，Google アナリティクスの トラッキングID である．

タグマネージャーを使っている場合はタグマネージャーで設定し，それ以外の場合は既に埋め込んでいるアナリティクスのタグが gtag.js なのか，analytics.js なのかを確認して，使用している方のタグの設定を行う．

タグマネージャーにおける設定

タグマネージャを立ち上げて，左側メニューの「タグ」をクリック
アナリティクスの設定をしているタグをクリック

タイプが「Google アナリティクス: ユニバーサル アナリティクス」となっているタグ

詳細設定にクロスドメイントラッキングがある．

トラッキングID には自サイトのトラッキングIDを入れる．

クロスドメイントラッキングを開いて

この画像のように
自動リンクドメイン　[フォームのドメイン](実際の値を入れる)
区切り文字としてハッシュを使用 偽
フォームをデコレート 真
と設定する．

gtag.js における設定

自分のサイトのタグ設定

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag("js", new Date());
  gtag("config", "トラッキングID", {
    "linker": {
      "domains": ["フォームのドメイン"],
      "decorate_forms": true
    }
  });
</script>

domains に レンタルフォームのドメイン を設定
外部ドメインの外部リンクの遷移で自動的にパラメータを付与する．

decorate_forms: true を設定
formタグでの外部サイトへの遷移もパラメータ付与の対象とする．

ウェブフォームを運用しているドメイン(レクタスなどの業者側)

<script async src="https://www.googletagmanager.com/gtag/js?id=GAのトラッキングID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag("js", new Date());
  gtag("config", "トラッキングID", {
    "linker": {
      "domains": ["自分のサイトのドメイン"]
    }
  });
</script>

analytics.js における設定

自分のサイトのタグ設定

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga("create", "トラッキングID", "auto", {"allowLinker": true});
  ga("require", "linker");
  ga("linker:autoLink", ["フォームのドメイン"], false, true);
  ga("send", "pageview");
</script>

ウェブフォームを運用しているドメイン(レクタスなどの業者側)

<script type="text/javascript">
  (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,"script","//www.google-analytics.com/analytics.js","ga");

  ga("create", "トラッキングID", "auto", {"allowLinker": true});
  ga("require", "linker");
  ga("linker:autoLink", ["企業のHPのドメイン"], false, true);
</script>