有很多用戶在發(fā)愁不知道怎么用谷歌來(lái)分析網(wǎng)站的API，怎么才能獲得瀏覽器的數(shù)據(jù)報(bào)告，下面就讓小編為大家?guī)?lái)詳細(xì)的分析方法。

1.注冊(cè)谷歌分析

注:以下操作基本需要翻墻，請(qǐng)自備梯子。

登錄你的谷歌賬戶,注冊(cè)[谷歌分析]

然后設(shè)置自己的賬戶基本信息

獲取跟蹤Id,同意協(xié)議。

2.給網(wǎng)站加上谷歌分析代碼

登陸后便有全站跟蹤代碼，復(fù)制帶有跟蹤Id的代碼到你的項(xiàng)目里。

[使用入門]

給您的網(wǎng)站安裝跟蹤代碼

[示例]

安裝跟蹤代碼后，你就可以發(fā)布你的網(wǎng)站了，在這個(gè)管理后臺(tái)你就可以查看您的網(wǎng)站訪問(wèn)數(shù)據(jù)了。

以上只是基本操作，完成上述操作，才能繼續(xù)下面的步驟，讓你本地的服務(wù)能獲取谷歌分析的數(shù)據(jù)。

3.查看谷歌api

如果你想在自己的網(wǎng)站里展示這些數(shù)據(jù)，每次只用自己本地登錄后臺(tái)查看，該怎么實(shí)現(xiàn)呢？

谷歌提供了api接口，供你自由配置指標(biāo)來(lái)查詢你的網(wǎng)站訪問(wèn)數(shù)據(jù)，并且提供了[各種客戶端庫(kù)]的查詢支持。

4.api調(diào)用demo

本篇使用的后臺(tái)技術(shù)是NodeJs,使用的是express框架+redis技術(shù)實(shí)現(xiàn)。

項(xiàng)目目錄結(jié)構(gòu)，項(xiàng)目代碼放在[github]上，適當(dāng)修改配置，安裝依賴，就可以應(yīng)用于自己的網(wǎng)站了。

這個(gè)項(xiàng)目里，使用了官方的nodejs api的npm包 `googleapis`。

使用redis的部分是為了緩存access_token和部分?jǐn)?shù)據(jù)，目前把部分接口的數(shù)據(jù)先緩存23小時(shí)(不想去頻繁請(qǐng)求接口)。

5.配置您的個(gè)人項(xiàng)目

項(xiàng)目里需要配置的地方，第一個(gè)是數(shù)據(jù)視圖id，這個(gè)在創(chuàng)建賬戶的時(shí)候就生成了，在賬戶管理的`數(shù)據(jù)視圖`里可以看到，點(diǎn)擊`數(shù)據(jù)視圖設(shè)置`，就可以獲取數(shù)據(jù)視圖id

viewId: 'ga:你的數(shù)據(jù)視圖id'

第一步：設(shè)置key

打開(kāi)[谷歌api控制臺(tái)]，先創(chuàng)建一個(gè)項(xiàng)目，然后點(diǎn)擊`啟用API`,搜索google analytics，啟用`Google Analytics Reporting API`，再啟用`Analytics API`。

第二步：創(chuàng)建憑據(jù)

然后創(chuàng)建憑據(jù)，點(diǎn)擊 `憑據(jù)`-->`創(chuàng)建憑據(jù)`-->選擇`服務(wù)賬號(hào)密鑰`-->選擇新的服務(wù)賬號(hào)，并設(shè)置角色，輸入名稱，點(diǎn)擊`創(chuàng)建`，保存您的密鑰文件。

將這個(gè)key復(fù)制到項(xiàng)目的`app/config`目錄下并修改名稱為 `key.json`。

第三步：為這個(gè)賬戶添加訪問(wèn)數(shù)據(jù)的權(quán)限

打開(kāi)注冊(cè)谷歌分析的數(shù)據(jù)控制臺(tái)（注冊(cè)的時(shí)候可以查看數(shù)據(jù)的那個(gè)）,點(diǎn)擊`管理`-->`媒體資源`-->`用戶管理`-->`添加新用戶`，輸入api控制臺(tái)的 `憑據(jù)`-->列表又上角`管理服務(wù)賬號(hào)`，復(fù)制這個(gè)服務(wù)賬號(hào)id,粘貼到電子郵箱地址欄，并設(shè)置權(quán)限（可只設(shè)置讀取和分析的權(quán)限）。這個(gè)控制臺(tái)也可以設(shè)置過(guò)濾規(guī)則和白名單之類的，如有需要，可以研究研究。

到這一步，大功告成。去你的網(wǎng)站上點(diǎn)點(diǎn)吧，如果在谷歌分析的數(shù)據(jù)控制臺(tái)能看到數(shù)據(jù)，可以啟動(dòng)我的項(xiàng)目文件，調(diào)用api接口，就可以獲取json數(shù)據(jù)。

ps：在這個(gè)[api參考]里，你可以自由設(shè)置你想要的數(shù)據(jù)，修改demo的接口就好。

### 項(xiàng)目路由文件注釋

use

6.本地測(cè)試和線上部署

目前由于墻的原因，google服務(wù)無(wú)法訪問(wèn),我本地?cái)?shù)據(jù)，是使用了工具為node進(jìn)程開(kāi)了代理。(mac端`Proxifier`)

線上部署也同樣需要解決墻的問(wèn)題，最好是把這個(gè)小項(xiàng)目托管到可以訪問(wèn)google服務(wù)的服務(wù)器上。

至于文章開(kāi)頭的圖表，來(lái)自于接口返回的數(shù)據(jù)，經(jīng)過(guò)前端處理后使用echart展示的結(jié)果。