docsifyjs · QingWei-Li · Feb 9, 2017 · Feb 9, 2017
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## 2.2.0
+
+### Features
+- Add `Google Analytics` plugin.
+
 ## 2.1.0
 ### Features
 - Add search plugin

diff --git a/README.md b/README.md
@@ -76,13 +76,12 @@ These open-source projects are using docsify to generate their sites. Pull reque

 ## Development

-### prepare
 ```bash
 npm i && npm run dev
 open http://localhost:3000
 ```

-### More Language Highlight
+## More Language Highlight

 ```html
 <script src="//unpkg.com/docsify"></script>

diff --git a/build/build.js b/build/build.js
@@ -47,3 +47,14 @@ isProd && build({
  moduleName: 'D.Search',
  plugins: [uglify()]
 })
+build({
+  entry: 'plugins/ga.js',
+  output: 'plugins/ga.js',
+  moduleName: 'D.GA'
+})
+isProd && build({
+  entry: 'plugins/ga.js',
+  output: 'plugins/ga.min.js',
+  moduleName: 'D.GA',
+  plugins: [uglify()]
+})
diff --git a/docs/README.md b/docs/README.md
@@ -468,7 +468,7 @@ If a document can have a search, can enhance some user experience. Installing th


 ```html
-<script src="//unpkg.com/docsify/lib/docsify.js"></script>
+<script src="//unpkg.com/docsify"></script>
 <script src="//unpkg.com/docsify/lib/plugins/search.js"></script>
 ```

@@ -495,3 +495,20 @@ window.$docsify = {
  }
 }
 ```
+
+### Google Analytics
+
+Install the plugin and configure the track id.
+
+```html
+<script src="//unpkg.com/docsify" data-ga="UA-XXXXX-Y"></script>
+<script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>
+```
+
+or
+
+```js
+window.$docsify = {
+  ga: 'UA-XXXXX-Y'
+}
+```
diff --git a/docs/zh-cn.md b/docs/zh-cn.md
@@ -501,3 +501,20 @@ window.$docsify = {
  }
 }
 ```
+
+### Google Analytics
+
+安装插件并且配置 track id。
+
+```html
+<script src="//unpkg.com/docsify" data-ga="UA-XXXXX-Y"></script>
+<script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>
+```
+
+或者
+
+```js
+window.$docsify = {
+  ga: 'UA-XXXXX-Y'
+}
+```
diff --git a/src/index.js b/src/index.js
@@ -15,7 +15,8 @@ const OPTIONS = utils.merge({
  auto2top: false,
  name: '',
  themeColor: '',
-  nameLink: window.location.pathname
+  nameLink: window.location.pathname,
+  ga: ''
 }, window.$docsify)
 const script = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop()


diff --git a/src/plugins/ga.js b/src/plugins/ga.js
@@ -0,0 +1,42 @@
+// From https://github.com/egoist/vue-ga/blob/master/src/index.js
+
+function appendScript () {
+  const script = document.createElement('script')
+  script.async = true
+  script.src = 'https://www.google-analytics.com/analytics.js'
+  document.body.appendChild(script)
+}
+
+function init (id) {
+  if (!window.ga) {
+    appendScript()
+    window.ga = window.ga || function () {
+      (window.ga.q = window.ga.q || []).push(arguments)
+    }
+    window.ga.l = Number(new Date())
+    window.ga('create', id, 'auto')
+  }
+}
+
+function collect () {
+  init(window.$docsify.ga)
+  window.ga('set', 'page', location.href)
+  window.ga('send', 'pageview')
+}
+
+const install = function () {
+  if (!window.Docsify || !window.Docsify.installed) {
+    console.error('[Docsify] Please load docsify.js first.')
+    return
+  }
+
+  if (!window.$docsify.ga) {
+    console.error('[Docsify] ga is required.')
+    return
+  }
+
+  collect()
+  window.$docsify.plugins = [].concat(window.$docsify.plugins, collect)
+}
+
+export default install()