【WordPress】Googleアナリティクスでカテゴリー・投稿月毎のアクセス数を見る方法-AMPページ対応【Simplicity】

この記事は約12分で読めます。

ぱくたそ
(2018年7月ごろの記事です。ところどころ記述を変えれば「Cocoon」でも設定できます)
WordPressでブログ記事を書いていて、カテゴリー毎や投稿日時(投稿月)毎のアクセス数を知りたいと思ったことはないでしょうか?

これらはGoogleアナリティクスの「コンテンツグループ」を設定することで実現できます。

当記事では、WordPressのテーマに「Simplicity」を使っている場合を想定して、GoogleアナリティクスとWordPressの各種設定方法を解説します。

※PC・モバイル(スマホ)ページとAMPページで設定内容が異なります。当記事では、それぞれの設定方法を解説します。

※アクセス解析をするWordPress用のGoogleアナリティクスは設定済みと想定して解説します。

Googleアナリティクスでコンテンツグループを設定する

※コンテンツグループを一度設定すると削除ができなくなるので(2017年10月現在)、慎重に設定をしてください。内容の編集は可能です。

1.アクセス解析をするWordPress用のGoogleアナリティクス画面を開き、画面左のメニューから[管理]-[コンテンツグループ]をクリックします。

Googleアナリティクス_コンテンツグループ

2.[新しいコンテンツグループ]をクリックします。
[コンテンツグループ設定]画面が開くので、それぞれ下記の値に設定します。

名前:カテゴリー
[トラッキングコードの有効化]をクリックし、
有効化:オン
インデックスを選択:1
設定を終えたら[完了]をクリックする。

[トラッキングコード別にグループ化]画面が閉まるので、画面下方の[保存]をクリックします。
Google Analytics_コンテンツグループ設定_カテゴリー

3.同じく[新しいコンテンツグループ]をクリックして、[コンテンツグループ設定]画面が開くので、それぞれ下記の値に設定します。

名前:投稿月
[トラッキングコードの有効化]をクリックし、
有効化:オン
インデックスを選択:2
設定を終えたら[完了]をクリックする。

[トラッキングコード別にグループ化]画面が閉まるので、画面下方の[保存]をクリックします。
Google Analytics_コンテンツグループ設定_投稿月

4.下記画像のように、[カテゴリー]と[投稿月]のコンテンツグループが設定されたことを確認します。
Google Analytics_コンテンツグループ_カテゴリー_投稿月

WordPressにトラッキングコードを記述する-PC・モバイルページ用

次に、WordPressのファイルに、設定をした「コンテンツグループ」で区分けするためのトラッキングコードを記述します。
※ここでは、WordPressのテーマに「Simplicity2」を使用している場合の設定方法を記述します。
※「Simplicity2」親テーマのファイルを変更すると、アップデート時に、その都度、設定をやり直す必要が生じるので、「Simplicity2」子テーマにコピーしたファイルにコードを記述します。

1.まず、FTPソフト等でWordPressを設置しているフォルダ(ディレクトリ)を開き、[wp-content]-[themes]-[simplicity2]階層下にある「header-insert.php」ファイルを[wp-content]-[themes]-[simplicity2-child]階層下にコピーします。
※アップロードしたファイルのパーミッションをコピー元ファイルと同じ値に変更してください。

2.WebブラウザでWordPressの管理画面にアクセスします。
[ダッシュボード]-[外観]-[テーマの編集]をクリックします。
[テーマの編集]画面が開くので、画面右上の[編集するテーマを選択]で[Simplicity2 child]を選択します。
[テンプレート]の中から「header-insert.php」を探してクリックします。

3.[Simplicity2 child: header-insert.php]ファイルの中身が表示されるので、下記のように「//↓ここに挿入?>」の下にトラッキングコードを記述します。
※11行目の「UA-xxxxxxxx-x」はアクセス解析をするWordPress用のGoogleアナリティクス トラッキングIDに、「example.com」はドメイン名に、それぞれ置き換えて記述してください。

<?php if (!is_user_logged_in()) :
//ログインユーザーをカウントしたくない場合は
//↓ここに挿入?>

<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', 'UA-xxxxxxxx-x', 'example.com');
  ga('set', 'contentGroup1', '<?php $cats = get_the_category(); echo $cats[0]->slug;?>');
  ga('set', 'contentGroup2', '<?php the_time('Y/m'); ?>'); 
  ga('send', 'pageview');
</script>

4.記述内容を確認したら、[ファイルを更新]をクリックします。

WordPressにトラッキングコードを記述する-AMPページ用

続けて、AMPページ用のトラッキングコードを記述します。

1.先程と同様に、FTPソフト等でWordPressを設置しているフォルダ(ディレクトリ)を開き、[wp-content]-[themes]-[simplicity2]階層下にある「amp-header.php」ファイルを[wp-content]-[themes]-[simplicity2-child]階層下にコピーします。
※アップロードしたファイルのパーミッションをコピー元ファイルと同じ値に変更してください。

2.WebブラウザでWordPressの管理画面にアクセスします。
[ダッシュボード]-[外観]-[テーマの編集]をクリックします。
[テーマの編集]画面が開くので、画面右上の[編集するテーマを選択]で[Simplicity2 child]を選択します。
[テンプレート]の中から「amp-header.php」を探してクリックします。

3.[Simplicity2 child: amp-header.php]ファイルの中身が表示されるので、下記部分の記述を変更します。
※AMPページ用のトラッキングコードは「コンテンツグループ」の略称が「cg」になります。

  <amp-analytics type="googleanalytics" id="analytics1">
  <script type="application/json">
  {
    "vars": {
      "account": "<?php echo $tracking_id ?>"
    },
    "triggers": {
      "trackPageviewWithAmpdocUrl": {
        "on": "visible",
        "request": "pageview",
        "vars": {
          "title": "<?php the_title() ?><?php echo $after_title; ?>",
          "ampdocUrl": "<?php echo get_amp_permalink() ?>"
        }
      }
    }
  }
  </script>
  </amp-analytics>

↓上記範囲のコードをそのまま下記コードに置き換えます。

  <amp-analytics type="googleanalytics" id="analytics1">
  <script type="application/json">
  {
    "requests": {
      "pageviewWithCg1Cg2": "${pageview}&cg1=<?php $cats = get_the_category(); echo $cats[0]->slug;?>&cg2=<?php the_time('Y/m'); ?>"
    },
    "vars": {
      "account": "<?php echo $tracking_id ?>"
    },
    "triggers": {
      "trackPageviewWithCg1Cg2": {
        "on": "visible",
        "request": "pageviewWithCg1Cg2"
      }
    }
  }
  </script>
  </amp-analytics>

4.記述内容を確認したら、[ファイルを更新]をクリックします。

Simplicity2の設定を変更する

Simplicity2の設定で、GoogleアナリティクスのトラッキングIDを記述している部分を変更します。
※WordPressのテーマに[Simplicity2 child]を設定している状態で作業をしてください。

1.WebブラウザでWordPressの管理画面にアクセスします。
[ダッシュボード]-[外観]-[カスタマイズ]をクリックします。
[(サイト名)をカスタマイズ中です]画面が開くので、画面左の設定項目の中から[アクセス解析(Analyticsなど)]をクリックします。
[アクセス解析(Analyticsなど)]項目が開くので、[Google AnalyticsトラッキングID(UA-xxxxxxxx-x)]の欄を空欄にします。
[Google Analytics トラッキングタイプ]は[analytics.js(ユニバーサルアナリティクス)]を選択します(この選択設定は必要ないかもしれません)。
最後に画面上の[保存して公開]をクリックします。
※「Simplicityの2」子テーマの「header-insert.php」に直接トラッキングコードを記述したので、この[Google AnalyticsトラッキングID(UA-xxxxxxxx-x)]欄は空欄にします。
WordPress_Googleアナリティクス_トラッキングID

2.画面左上の[<]マークをクリックします。
[(サイト名)をカスタマイズ中です]画面に戻るので、画面左の設定項目の中から[AMP(β機能)]をクリックします。
[AMP(β機能)]項目が開くので、[AMP用AnalyticsトラッキングID]欄に、アクセス解析をするWordPress用のトラッキングIDを記述します。
最後に画面上の[保存して公開]をクリックします。
※「1.」で[アクセス解析(Analyticsなど)]の[Google AnalyticsトラッキングID(UA-xxxxxxxx-x)]欄を空欄にしたので、こちらの[AMP用AnalyticsトラッキングID]欄にはトラッキングIDを記述します。
※PC・モバイルページ用のGoogleアナリティクス トラッキングIDとAMPページ用のトラッキングIDを分ける場合も同じにする場合も、どちらの場合にも記述します。
※「UA-xxxxxxxx-x」は、アクセス解析をするWordPress用のGoogleアナリティクス トラッキングIDに置き換えて記述してください。
WordPress_AMP用アナリティクス_トラッキングID

3.設定のやり残しがないことを確認したら、画面左上の[×]マークをクリックして、Simplicity2の設定を終えます。

Googleアナリティクスでコンテンツグループを表示する

設定したコンテンツグループで正常にアクセス数(ページビュー数)がカウントされるか確認をします。

1.コンテンツグループの設定をしたGoogleアナリティクス画面を開きます。
画面左のメニューから[行動]-[サイトコンテンツ]-[すべてのページ]をクリックします。
画面中央辺りの[コンテンツグループ]右側の[なし▼]をクリックすると、[カテゴリー(コンテンツグループ)]と[投稿月(コンテンツグループ)]が表示されます。
アナリティクス_カテゴリ_投稿月

2.[カテゴリー(コンテンツグループ)]をクリックすると、WordPressに設定をしたカテゴリー毎のページビュー数ほかの値が表示されます。
[投稿月(コンテンツグループ)]をクリックすると、1ヶ月単位のページビュー数ほかの値が表示されます。
※トラッキングコードを設定してから、しばらく時間が経たないと、アナリティクスに値が反映されません。
※それぞれ記事がないカテゴリーと記事の投稿がない月は表示されません。

まとめ

当記事を書くにあたり、下記のサイト様を参考にいたしました。ありがとうございます。

WordPressを使ってGoogleアナリティクスのカスタム ディメンションを設定する方法
【WordPress】Googleアナリティクスでカテゴリ解析する方法!コンテンツグループ設定で
Google Analytics(アナリティクス)でブログやサイトのアクセス解析をしてて、カテゴリー単位のPVや直帰率などを知りたい場合は、コンテンツグループを利用するのが便利です。WordPress...

http://design.all-connect.jp/313/(リンク切れ)

上記サイト様の1番上「WordPressを使ってGoogleアナリティクスのカスタム ディメンションを設定する方法」記事の「カスタムディメンション」での設定コードを2番目の「【WordPress】Googleアナリティクスでカテゴリ解析する方法!コンテンツグループ設定で」記事の「コンテンツグループ」設定に当てはめました。

3番目の「AMP版GoogleAnalyticsでカスタムディメンションに対応する方法」記事のコードは「カスタムディメンション」用のもので、コード中の「カスタムディメンション」の略称「cd」を「コンテンツグループ」の略称「cg」に置き換えました。
「カテゴリー」と「投稿月」を取得するコードを追記して、そのほか「Simplicity2」のコードと見比べながら、何箇所かを変更して記述しました。
「コンテンツグループ」の略称が「cg」だと書かれたサイトが見つからず、いろいろな略称を試した末に、「cg」で正常にカウントするということを突き止めました。

なお、上記1番目の記事には「著者」データの取得も書かれていますが、当記事では省きました。
当記事のコードに合わせて追記すれば、「コンテンツグループ」で「著者」データを表示することもできると思います。

この記事がお役に立てたら幸いです。