新人プログラマーのアプリ開発 第9回 Google Analytics導入

今回は、Google Analytics を使ってメモアプリへのアクセスを測定します。

この記事で分かること
・Google Analytics の導入

Google Analytics は、Google が提供する、Web サイトのアクセス解析ツールです。 リアルタイムの利用状況や、アクセス元のデバイス情報（スマホか PC ブラウザか）など、さまざまな情報が測定できる、アクセス解析には欠かせないツールです。

Google Analyticsの導入

今回お伝えしたいのは、Nuxt.js に Google Analytics を導入するのはとっても簡単ということです！

まずは、Nuxt.js 用の Google Analytics モジュールがあるので、それをインストールします。

npm install --save @nuxtjs/google-analytics

次に、nuxt.config.js に設定を記述します。
（前回、PWA モジュールの設定を記述した箇所の下に記述します）

// nuxt.config.js
... ...
export default {
  ... ...
  modules: [
    '@nuxtjs/pwa',  // 前回設定したPWAモジュール
    ['@nuxtjs/google-analytics', {
      id: 'your id'
    }]
  ],
  ... ...
}

「your id」のところには、Google Analytics で作成されたトラッキング ID を記述します。
設定はこれだけで OK です。

アプリを再デプロイした後、Google Analytics のコンソールを確認してみます。

これでアプリへのアクセスが測定できるようになりました！

2019年5月31日 | カテゴリー：アプリ開発