---
title: Nuxt.jsでGoogleAnalytics4(GA4)をどのように設定すればいいですか？
description: nuxtjs/google-gtagやnuxtjs/gtmを使う方法があります。詳しくはGoogle Analytics連携方法のドキュメントを参照してください。
category: howto
---

import StructuredDataFaqs from '@site/src/components/StructuredDataFaqs';

<StructuredDataFaqs faqs={[
    { question: "Nuxt.jsでGoogleAnalytics4(GA4)をどのように設定すればいいですか？", answer: "nuxtjs/google-gtagやnuxtjs/gtmを使う方法があります。詳しくはGoogle Analytics連携方法のドキュメントを参照してください。" }
]} />

`@nuxtjs/google-gtag`を利用します。

## @nuxtjs/google-gtagを利用する方法
### @nuxtjs/google-gtagをインストールする
プロジェクトにGoogle Analytics用のモジュール `@nuxtjs/google-gtag` をインストールします。  
下記実行します。

```
npm install --save @nuxtjs/google-gtag
```

### nuxt.config.jsにモジュール追加
nuxt.config.jsにGoogle Analyticsの設定をします。  
nuxt.config.jsを開き、下記追記します。

```js title="nuxt.config.js"
  modules: [
    '@nuxtjs/google-gtag'
  ],
  'google-gtag': {
    id: "G-XXXXXXX",
    debug: false
  },
```

:::caution
G-XXXXXXXには、ご自身のトラッキング IDを入力してください。
:::

## 参考

他にも、`@nuxtjs/gtm`を使う方法でも対応可能です。  
詳しくは[Google Analytics連携方法](/ja/docs/tutorials/how-to-link-google-analytics/)のドキュメントを参照してください。
