Google Analyticsのgtag.jsでのカスタムディメンションを設定方法がわかりません

下記の記事を参考に最新のトラッキングコード (gtag.js) に適応させたいです。

WordPressを使ってGoogleアナリティクスのカスタムディメンションを設定する方法
https://www.e-agency.co.jp/column/customdimension_wordpress.html

javascript
1<!-- Global site tag (gtag.js) - Google Analytics -->
2<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXX-X"></script>
3<script>
4  window.dataLayer = window.dataLayer || [];
5  function gtag(){dataLayer.push(arguments);}
6  gtag('js', new Date());
7
8  gtag('config', 'UA-XXXXXXX-X', {
9    'dimension1': 'monthly',
10    'dimension2': 'category',
11  });
12
13  $(function(){
14    monthly('<?php the_time('Y/m'); ?>');
15    category('<?php $cats = get_the_category(); echo $cats[0]->slug;?>');  
16  })
17</script>
18

上記のコードの

javascript
1  $(function(){
2    monthly('<?php the_time('Y/m'); ?>');
3    category('<?php $cats = get_the_category(); echo $cats[0]->slug;?>');  
4  })

のPHPの部分をどう記述したらよいのかがわかりません。
詳しい方、よろしくお願いします！

行動規範の内容に同意します

回答1件

公式のドキュメントを見ると、値の送信にはeventを使うと書いてありますね。

gtag.js を使用したカスタムディメンションとカスタム指標
https://developers.google.com/analytics/devguides/collection/gtagjs/custom-dims-mets?hl=ja

以下のような記述でうまく動かないでしょうか？

js
1<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXX-X"></script>
2<script>
3  window.dataLayer = window.dataLayer || [];
4  function gtag(){dataLayer.push(arguments);}
5  gtag('js', new Date());
6
7  gtag('config', 'UA-XXXXXXX-X', {
8    'dimension1': 'monthly',
9    'dimension2': 'category'
10  });
11
12  gtag('event', 'any_event_name', {
13    'monthly': '<?php the_time('Y/m'); ?>',
14    'category': '<?php $cats = get_the_category(); echo $cats[0]->slug; ?>'
15  });
16</script>