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中