Googleタグマネージャのデータレイヤーで、Googleアナリティクスのカスタムディメンションをいれてみた #WordPress

経緯

「WordPressサイトの、記事のPV（ページビュー）ランキングがみたい」という要望をもらった。
Googleアナリティクスじゃダメなのか聞いたら、「公開日」も一緒に見たいからダメだとのこと。

WordPressのシステムはページビュー数が計測されないんで、
一番手っ取り早いのは、PVランキングが出せるプラグイン（WP-PostViewsとか）を入れて、
管理画面の投稿一覧画面でソートかけて見てもらうのがすぐできる！...と思ったが、
自分たちが見ても計測されてしまい、IPアドレスとかでフィルターもかけられないので意味がない。

結局、Google アナリティクスに公開日のデータを飛ばして、アナリティクス内で見ることはできないのか？
...と、私物WordPressで実験としてやってみた...というそんなメモ記事。

やりたいこと(目次)

手順1.Googleアナリティクスでカスタムディメンションの設定
手順2.WordPressの記事ページにデータレイヤーを配置する
手順3.Googleタグマネージャでカスタムディメンションの設定
手順4.Googleタグマネージャでプレビューして公開
手順5.Googleアナリティクスでちゃんと取得できているかチェック

※すでにGoogleタグマネージャーでGoogleアナリティクスを計測している前提の話です。

手順1.Googleアナリティクスでカスタムディメンションの設定

Googleアナリティクスにログインして、「アナリティクス設定」へ進む

「カスタムディメンション」メニューへ

プロパティ＞カスタム定義をクリックすると、
「カスタムディメンション」と「カスタム指標」がでてくる

今回は文字を引っ張ってきたいので、カスタムディメンションを持ってきます。
（カスタム指標は、数値を持たせるものだそうです。）

「+新しいカスタムディメンション」をクリック

カスタムディメンションを編集して保存

名前：記事公開日
範囲：範囲はページビューごとにデータを飛ばしたいので「ヒット」にしました。
アクティブ：チェック

そして保存をクリックすると、サンプルコードが出てきます。
一番上の「JavaScript」が該当します。

ここの「dimension1」っていう"1"の番号を覚えておくこと。

手順2.WordPressサイトにデータレイヤーを配置する

※公開日データの取得は、普通にDOM要素指定でも良かったのですが、好奇心でデータレイヤーにしてみました。

コンテナ（タグマネージャーのコード）の上に配置しないといけないので、
header.phpに設置しました。

header.php

<?php if ( is_single() ) : ?>
<script>
dataLayer = [{
  'release_date': '<?php echo esc_js(get_post_time('Y年n月j日')); ?>'
}];
</script>
<?php endif; ?>