画像

背景

技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

ブログ

  1. 名古屋のホームページ制作会社 花のや
  2. 花のやブログ
  3. GA4とこれまでのAnalyticsを併用する設定
2021/05/14ホームページ制作運用

GA4とこれまでのAnalyticsを併用する設定

花岡です。今はGWが明けた5月です。
GWはウマ娘をやりながらモンスターを狩る日々でした。ステイホーム以前となんら変わりない毎日です。

2020/10にGA4が正式リリース

Analyticsのバージョンが変わって半年ほど経過しました。画面も一新されましたが、機能がまだ未完成な感じですね。ついでに言えば使い慣れた過去のAnalytics画面の方に未練もあります。
Google的にはGA4への移行を推進しているようですが、Googleが提供しているWordPressのプラグインですらGA4未対応です。

ということで今回はGA4を導入ししつつ、これまでのAnalyticsも併用する設定を説明します。

方法は簡単、GA4とユニバーサルアナリティクス(これまでのAnalytics)のトラッキングコードを一緒に設定するだけです。

タグの違い

まず新しいGA4のトラッキングコードがこちらです。

<script async src="https://www.googletagmanager.com/gtag/js?id=G-xxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-xxxxxxxx');
</script>

そしてユニバーサルアナリティクスのトラッキングコードはこちらです。

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-xx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-xxxxxxxx-xx');
</script>

コードの7行目が大事です。

併用させる設定方法

まずはAnalyticsのプロパティ初期設定からです。普通に設定を進めてもGA4の設定しかできずにユニバーサルアナリティクスのプロパティは作成されません。

GA4のプロパティ初期設定画面で「詳細オプションを表示」の中にユニバーサルアナリティクスを設定する項目が隠されています。

ここを

こうすると

このように2つのプロパティが追加されます。
これでGA4とこれまでのAnalyticsの両方が見れるようになります。

管理画面上には2つが出ることになります。

あとは2つのトラッキングコードを合体させるだけです。合体はこんな感じです。

<!-- GA4のトラッキングコードをベースに -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-xxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-xxxxxxxx');
  <!-- ユニバーサルアナリティクスのトラッキングコードの1行を↓にいれる -->
  gtag('config', 'UA-xxxxxxxx-xx');
</script>

これであとはページ内に設置すれば完了です。

まとめ

今回はトラッキングコードをいじる方法でやりましたが、そもそもタグマネージャーを使ってれば一発で設定もできます。

この記事を書いた人:hanaoka

村生まれ村育ちWebディレクターです。 2014年に株式会社花のやを設立。以後ディレクションと営業を兼務しています。 学歴コンプレックスをバネに日夜戦っています。

LINEで送る
Pocket

人気記事ランキング

株式会社 花のや
〒460-0008
愛知県名古屋市中区栄2-14-5 山本屋本店栄ビル7階

花のやについて

お仕事のご依頼やご相談は、下記の電話番号
または、メールフォームよりお問い合わせください。
TEL.052-211-9898 / FAX.052-211-9899

お問い合わせ