# 【VuePress】Google Analyticsを導入する

# Google Analyticsとは

Google Analyticsは、Googleが提供する静的解析ツールです。

Google Analyticsを導入することで、「サイトを訪れた人の人数」や「いつ訪れたか」などの情報をリアルタイムにみることができます。

# 導入

TIP

VuePressの公式の手順に沿ってやります。
https://vuepress.vuejs.org/plugin/official/plugin-google-analytics.html (opens new window)

# パッケージのインストール

yarn add -D @vuepress/plugin-google-analytics
# OR npm install -D @vuepress/plugin-google-analytics

# トラッキングIDを設定する

  1. Google Analytics (opens new window)のサイトにアクセスし、登録を行う
  2. トラッキングIDをコピーする
  3. .vuepress/config.jsを開き編集する
module.exports = {
    /* ... */
    plugins: {
        '@vuepress/google-analytics': {
            'ga': 'UA-00000000-0'
        }
    },
    /* ... */
}

NOTE

UA-00000000-0の部分はそれぞれのトラッキングIDを入れる。

# デプロイ

ビルドしてデプロイすれば、自動的に解析が始まります。

Google Analytics (opens new window)やスマートフォンのアプリで状況を見ることができます。