Noriaki's_portfolio

WordPressのユーザー名をGA4（Googleアナリティクス）で表示させる

2024.02.25

「Wordpressで、ログインユーザー（従業員）の閲覧歴を取得したい。」
そんな依頼に、「まぁ、プラグインがあるだろ」と軽く返事をしてしまったことが、沼の入り口でした。
補足しておくと、クライアントのサイトでは、商品ページに、従業員だけが閲覧できる商品情報を表示させている。従業員がその情報を頼りにしているのかが知りたいそうだ。

要望は以下の内容だ。

従業員（ログインユーザー）のみのページごとの閲覧数の取得
閲覧数の増減などをグラフで表示
ユーザーを識別したい

1・2はGA4で行けそう、3もまあ何とかなるか。はじめはそう思っていました。

しかしそんなプラグインはなかった。

いきなりのつまづきでした。

「WP Activity Log」などのように、ログインユーザーの管理画面での行動履歴のすべてを記録するプラグインは無数に存在します。
＊WP Activity Log使用方法参考サイト
しかし、フロント側での行動を記録し、管理者がそれを確認する、プラグインはググってもググっても存在しませんでした。

＊ちなみにユーザーが、自分の閲覧履歴を表示するプラグインはあります。
参考：https://takuweb1.com/2020/08/01/dd-last-viewed/

ないのであれば作るしかない・・・・

試行錯誤の結果、以下の手順で実現しました。（書くと簡単だけどなかなか難しかった・・・・）

GA4の新たなプロパティを制作し、ユーザーがログインしている場合のみ発火するようにする
GTMを利用しWordpressのユーザー名を送信
GA4でユーザー名を表示

1.GA4の新たなプロパティを制作し、ユーザーがログインしている場合のみ発火するようにする

他に方法があるのかもしれませんが、データの確認しやすさを考え、一般ユーザーとログインユーザー（従業員の）アクセスを分けるために、GA4のタグを２つに分けました。

GA4のプロパティ制作方法は、こちらを参考にしてください。

取得したタグを<head>タグ内に、下記の方法で設置します。

  
　　 <?php if (is_user_logged_in()) :?>
　　　　//ログインしている場合のGA4タグ
　　　<?php else: ?>
　　　　//ログインしていない場合のGA4タグ
　　　<?php endif; ?>

2.GTMを利用しWordpressのユーザー名を送信

（1）GTM（Googleタグマネージャー）を利用し、ユーザー名を表示させます。

GTMの設定とサイトへの設置はこちらを参考にして下さい。
＊GTMのタグを、手動で設置される場合は、必ず手順１で設置したGA4のタグよりも上部に設置してください。

（2）次に<head>内にユーザー名を送信するコードを設置します。

必ず次に<head>内のGTMタグよりのさらに上部にユーザー名を送信するコードを設置します。

  
　　 <script>
	 window.dataLayer = window.dataLayer || [];
	<?php $user_data = wp_get_current_user();>//ユーザーデータの取得
	dataLayer.push({
		'member_id' : "user_login; ?>"//「変数名」member_idに、「値」$user_data->user_login（ユーザー名）を渡す
	});
　　</script>

参考サイト：Googleタグマネージャ基礎　初心者でもわかるデータレイヤー

全体の並びとしては

  
　　 <script>
	 window.dataLayer = window.dataLayer || [];
	<?php $user_data = wp_get_current_user();>//ユーザーデータの取得
	dataLayer.push({
		'member_id' : "user_login; ?>"
	});
　　</script>
　
　　　　＊GTMのタグ

　　　 <?php if (is_user_logged_in()) :?>
　　　　//ログインしている場合のGA4タグ
　　　<?php else: ?>
　　　　//ログインしていない場合のGA4タグ
　　　<?php endif; ?>

の並びになります。

「変数名」member_idは、任意の文字列に変更可能です。

（3）GTMでユーザー名を受け取りGA4に値を渡す。

①GTM変数の設定

GTMのワークスペースを開き、【変数】→【新規】をクリックします。