WordPress 網站架設

[教學] Google Analytics API申請,並將流量分析與單篇瀏覽數,顯示到WordPress中

2018/06/20

梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中

  雖然說WordPress有許多關於流量統計文章瀏覽數的外掛,且設定上都相當的簡易,一旦啟用後,就會開始完完整整的記錄整個網站的瀏覽記錄,但唯一的缺點就是,無法開啟快取,以及資料庫會變得很肥胖,所以梅干很早之前,就已不再使用任何關於瀏覽量的外掛,而改用Google Analytics,但要看瀏覽量時,則需進到Google Analytics的後台查看。


  但梅干懶的到Google Analytics後台查看,因此先前就安裝了Google Analytics Dashboard,將Google Analytics流量分析的狀況,直接整合到WordPress後台,因此只需登入到WordPress後台,就可看到即時的流量狀況,甚至還有近期的熱門的文章,但這只限於在WordPress的後台,因此梅干先前就有在研究Google Analytic的API,本來要自己動手串將Google Analytic的流量狀況,顯示在WordPress的前台中,甚至還有文章的瀏覽量,沒想到竟然已有熱心的網友分享了相關的外掛,因此想要在WordPress的前台,顯示網站的流量狀況,現在不坊就一塊來看看這隻外掛與申請Google Analytics API。


Show Google Analytics widget
外掛名稱:Show Google Analytics widget
外掛下載:https://github.com/mark2me/wp-ga-count
GA API申請:https://console.developers.google.com/apis/library
GA免費存取:10,000/日

Step1

首先,進到google developers平台網站後,在上方輸入「Analytics API」,再點左上第一個選項。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step2

再按「啟用」鈕。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step3

接著再點右上的「建立憑證」鈕。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step4

再點「服務帳戶」鈕。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step5

接著點「建立服務帳戶」鈕。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step6

這時再輸入服務戶名稱,與角色再勾選私密金鑰,並選擇P12。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step7

接著就會將p12的金鑰下載回來。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step8

這時再將「服務帳戶ID」「金鑰ID」複製起來。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step9

接著再到Google Analytics的後台,點選「總覽」,將網址p後方的數字複製起來。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step10

再點「管理員 / 資料檢視 / 使用者管理」
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step11

再貼上剛的「服務帳戶 ID」
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step12

接著將外掛下載,並上傳到外掛目錄與啟用。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step13

當啟用後,再到Show Google Analytics widget的設定面板,將剛的GA ID與P12、GA Profile ID貼上,再按儲存。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step14

這時再到小工具,就會看到「顯示GA瀏覽人次統計」,並設定標題與顯示的類型。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step15

哈!這時在側邊欄,就會出現歷史的瀏覽人數與今日流量。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中
Step16

雖然此外掛也包含單篇瀏覽,但卻會出現一些小狀況,所以梅干作了點小修改後,就可顯示單篇文章的瀏覽量,而Google Analytics API雖然是免費,但免費的話,每日限存取數為10,000,當超過時,會出現無法顯示的問題,因此在使用時,需評估一下網站的流量是否有超出的問題,當超出時就得付費或使用Jetpack。
梅問題-[教學]Google Analytics API申請,並將流量分析顯示到WordPress中