More than 3 years have passed since last update.

SteamでGoogleAnalyticsがうまく計測されない現象と解決策

Posted at 2021-02-23

こんにちはデザイナーの山中です。

ここ10年ぐらいはゲーム関係のUIデザインや広告デザイン、マーケティングなんかをやってます。最近とある案件でSteamにアプリをリリースするお手伝いをさせていただいたのですが、その時にハマった現象と解決策をメモがてらまとめてみました（noteにも書いてたのですが友人に「Qiita向きじゃないかな」とアドバイスいただいたのでこちらにも投稿してみます）。

やりたかったこと

マーケティングのデータとしてSteamページの訪問者の匿名化されたデータの取得をできればと考えていました。

###最初にやったこと
公式のヘルプ STEAMWORKS 販売とマーケティング Google アナリティクスこちらに従い

GoogleAnalytics側で新規プロパティを作成
STEAMWORKSにログインして設定項目までアクセス（SWトップ＞設定したいアプリケーション＞[ストアページを編集]＞[特殊設定]）
[Google Analytics トラッキング ID]の項目に①で作られたIDを入力

このように設定しましたがSTEAMWORKS（Steamの管理者ページ）で設定したはずなのに、GoogleAnalytics側に正常にデータが飛んできませんでした。

###失敗理由1：GoogleAnalyticsが仕様変更してた
2020年10月のGoogleAnalyticsのバージョンアップに伴いGAがGA4となり、管理画面の仕様が変更されました。

まずGAの構造を簡単におさらいします

親となるアカウント（だいたい会社名とか事業名とか）をまず作成、その子として「プロパティ」の部分に目的のチャネル（サイトとかアプリとかサービスとか）ごとのプロパティを追加していって、最後に必要であればビューで各種フィルタリングや目標設定を行って見やすいデータの最適化を行うのがGAの基本的な構造です。

これまでGAでチャネルを解析するためにはプロパティを作成すると発行できる「トラッキングコード」と呼ばれるjavascriptを対象のサイトに埋め込んで使っていました。以下みたいなやつです。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=プロパティ別のトラッキングID"></script>
<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());
	gtag('config', 'プロパティ別のトラッキングID');
</script>

けれどGA4からはプロパティを作成しただけではトラッキングコードは発行されません。

プロパティ作成後に「どのチャネルで計測をするか」を設定する[データストリーム]設定をして始めてコードが発行されます。

そのためデータストリームで[ウェブ]を選択してトラッキングコードを発行できるようにします。この際間違えがちですが[ウェブサイトのURL]は自分のサイトではなくSTEAMWORKSのヘルプページで案内されているSteamストアページのURLを入れてください。

これで見慣れたトラッキングコードが出てきました。

安心してコード内のID部分を抜き出してメモしました。（実はこれがすでに罠でミスっている）。

###失敗理由2：Steam側に設定されているga用スクリプトがグローバルサイトタグではなかった
上記で発行したIDでいけるかな、と思いましたが計測されませんでした。

STEAMWORKSの管理画面から変更結果を閲覧できるstore beta modeを開きGAに関連した部分のソースコードを見てみます。

<script type="text/javascript">
	try {
			if ( typeof ga != 'undefined' && ga )
			{
				ga( 'create', "SteamWorksで設定したトラッキングID", 'auto', "app", {
				anonymizeIp: true
			} );
			ga( 'app.require', 'linker' );
			ga( 'app.linker:autolink', ["store.steampowered.com","steamcommunity.com","help.steampowered.com"] );
			ga( 'app.send', 'pageview' );
		}
	} catch ( e ) { }
</script>

ga()という関数がありました。これは現行のGAでは使われていない関数です。

そのためSteamのストアページで使われているGAのタグは現在GoogleAnalyticsから発行できるグローバルサイトタグを用いたトラッキングコードではなくGA3の旧バージョンを用いていることがわかりました。

ちなみに新バージョンは以下のようにga()ではなくgtag()となっているのでそこで見分けるのが分かりやすいかもしれません。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=プロパティ別のトラッキングID"></script>
<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());
	gtag('config', 'プロパティ別のトラッキングID');
</script>

おそらくこれが原因か？と思ったのですが疑問がよぎります。

そもそも旧来のga()タグであってもトラッキングIDさえあっていれば正常に計測できるはずだからです。

そこで手持ちの別サイトのトラッキングIDを入れて保存してからstore beta modeページを開いた状態でGoogleAnalyticsのリアルタイム検索画面でトラッキングを見守っていたところきちんとアクセスが来ていました。