## 事象
[[@nuxtjs.google-gtag]]で[[nuxt.config]]に以下のような設定をしている。
```js
export default {
modules: [
[
"@nuxtjs/google-gtag",
{
id: "G-XXXXXXXXXX",
config: {
send_page_view: false,
debug_mode: process.env.NODE_ENV !== "production",
},
debug: process.env.NODE_ENV !== "production",
disableAutoPageTrack: false,
},
],
],
```
`nuxt generate`をしたとき`NODE_ENV`が`production`になるため、`config.debug_mode: false`となり、デバッグモードが無効になってほしいが、実際は有効になってしまう。
## 原因
`debug_mode: false`と指定した場合はデバッグモードが有効になってしまうから。公式サイトより。
<div class="link-card">
<div class="link-card-header">
<img src="https://www.gstatic.com/devrel-devsite/prod/v8384ce39f720e001fb8bd2a6f94b1084300273daaf700bffd864da68ae2d9c21/developers/images/favicon-new.png" class="link-card-site-icon"/>
<span class="link-card-site-name">Google for Developers</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">デバッグモードを有効にする | Google アナリティクス 4 プロパティ | Google for Developers</p>
</div>
<div class="link-card-description">
</div>
</div>
<img src="https://www.gstatic.com/devrel-devsite/prod/v8384ce39f720e001fb8bd2a6f94b1084300273daaf700bffd864da68ae2d9c21/developers/images/opengraph/orange.png" class="link-card-image" />
</div>
<a href="https://developers.google.com/analytics/devguides/collection/ga4/debug?hl=ja&technology=websites"></a>
</div>
> デバッグモードを無効にするには、'debug_mode' パラメータを削除します。パラメータを false に設定しても、デバッグモードが無効になることはありません。
[[@nuxtjs.google-gtag]]は土管であり、[[Falsy (JavaScript)|Falsy]]な[[プロパティ (JavaScript)|プロパティ]]を削除したりはしてくれないことは[コードで確認済み](https://github.com/nuxt-community/google-gtag-module/blob/master/lib/plugin.js#L20)。
```html
gtag('config', '<%= options.id %>', <%= JSON.stringify(options.config, null, 2) %>)
```
## 解決方法
`debug_mode`[[プロパティ (JavaScript)|プロパティ]]を指定しないようにする。以下は一例。
```js
const isProduction = process.env.NODE_ENV === "production";
const gtagConfig = {
id: "G-XXXXXXXXXX",
config: {
send_page_view: false,
},
debug: !isProduction,
disableAutoPageTrack: false,
};
// debug_mode: false でもデバッグモードは有効になるため別の処理として追加している
// https://developers.google.com/analytics/devguides/collection/ga4/debug?hl=ja&technology=websites
if (!isProduction) {
gtagConfig.config.debug_mode = true;
}
export default {
modules: [
["@nuxtjs/google-gtag", gtagConfig],
],
};
```