Home BLOGIMOVE外掛操作手冊 Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣

by blogimove

自2018年開始,Blogimove部落格搬家技術服務自行開發的部落客專屬外掛將可同時提供三種網站流量統計數據的顯示工具,除了利用原有的Post Views Counter轉移自痞客邦、Bloger、天空部落等舊部落格的單篇文章人氣外,還提供JETPACK網站總人氣及今日人氣的前台顯示工具,上述兩種統計數據各有其優缺點,Post Views Counter這類自站統計的外掛程式消耗主機資源,而JETPACK的流量則有無法即時更新、時間間隔長的問題,甚至會造成主機運算資源大量消耗的狀況。Blogimove利用Google Analytics API設計外掛程式,讓你的部落格也能即時顯示單篇文章人氣、累積網站人氣、今日網站人氣、線上人數等即時流量資訊,並提供數據快取功能,可自訂數據快取時間,。

章節連結

一、功能特色

(一)單篇文章顯示Google Analytics人氣。

(二)可與痞客邦人氣結合,搬家後繼續累積單篇文章人氣。

(三)提供外觀小工具(網站人氣、今日熱門文章、熱門文章、即時閱讀人數、網站線上人數)。

(四)數據快取功能,可自訂快取時間,平衡網站效能。

(五)可設定文章人氣數據讀取權限,針對特定登入對象顯示數據。

(六)顯示Google Analytics即時線上人數。

(七)編輯單篇文章時,顯示GA瀏覽人氣及Adsense累積廣告收益。

(八)管理後台(控制台)顯示單篇文章今日廣告收益及累積廣告收益。

 

二、安裝方式

設定Google API

→啟動Google Analytics API→取得JSON金鑰→取得服務帳戶ID

→設定Google Analytics使用者權限→取得Profile ID

→設定外掛

 

(一)申請Google API 金鑰

這一階段的任務,主要有三,啟用Analytics API、取得(建立)服務帳戶ID、取得(下載)金鑰JSON格式檔案

操作步驟STEP.01>>登入Console Developer建立Google APIs 專案

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.02>>輸入專案名稱,建立新專案(已有專案者,可利用原有的專案只建立新的務服帳號及憑證)

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.03>>啟用API和服務

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.04>>搜尋Google Analytics API

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.05>>「啟用」Analytics API

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.06>>「建立憑證」(選定專案→點擊選單→api和服務→憑證→+建立憑證)

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.07>>點擊「服務帳戶」連結

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.08>>「建立服務帳戶」(輸入服務帳號名稱→建立→選擇角色App Engine檢視者→繼續→完成)

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-MoveBlogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-MoveBlogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.09>>(1)點擊剛邁立的「服務帳戶」連結、(2)新增金鑰「建立新的金鑰」、(3)指定「金鑰類型」為JSON格式、(4)設定「角色」為「App Engine檢視者」

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.10>>儲存金鑰檔(下載資料中)

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.11>>複製「服務帳戶ID(電子郵件)」,並將上一步驟建立服務帳戶下載的「金鑰JSON格式」檔案儲存起來。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

(二)設定Google Analytics

第二階段的設定,主要目的是取得Google Analytics 的Profile ID及將Google API服務帳戶設定能檢視GA報表的權限。請先登入Google Analytices。

操作步驟STEP.01>>登入Google anaylitcs,點選「即時資訊 」

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.02>>取得網址列 p後方的Profile ID(12345678) 

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.03>>左下角「管理員」

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.04>>點擊「使用者管理啟動」及相關設定

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP0.5>>右側「+」新增使用者

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.06>>(1)輸入email address(google API的服務帳戶ID)、(2)設定帳戶的權設「檢視及分析」、(3)ADD(完成退出的意思)

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.07>>確認API 服務帳戶ID

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

(三)連結Google Analytics 與 Adsense帳號

安裝第三階段的主要目的,連結Google Analytics與Adsense帳號,方便外掛程式從Google Analytics報表中讀取單篇文章的廣告收益。

操作步驟STEP.01>>登入「Google Analytics」,進「管理員」操作項目

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.02>>點選「Adsense連結」項目

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.03>>(1)選「Adsense內容廣告」(2)繼續

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.04>>勾選「所有網站資料」

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.04>>啟用連結

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

(四)設定Blogimove外掛

安裝第四階段的主要目的,將第一階段收集到的API金鑰的json格式檔、服務帳戶ID資料;第二階段則是服務帳戶ID加入檢視Google Analytics報表管理名單中,並取得Porfile ID;第四階段主要功能則是將 API金鑰檔案上傳到Blogimove外掛中存放,並設定GA Profile ID及其他的設定。

操作步驟STEP.01>>點選「設定」,進入「blogimove」設定標面。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.02>>「Google工具」標籤,上傳JSON KEY檔案。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.03>>填寫Google Analytics Profile ID

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.04>>設定單篇文章人氣顯示權限

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.05>>每篇文章人氣顯示在文末或標題下方。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.06>>勾選「確認啟用Google Analytics及服務帳號已加入Analytics站台管理員」設定。若已連結Adsense及Analytics帳號,則可勾選在文章管理列表顯示Adsense單篇文章收益數據。☆一定要確認各項設定無誤喔 !

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.06>>管理文章時,就能輕鬆看到單篇文章的累積廣告收益,比對瀏覽量與廣告收益的數據關係。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.07>>啟動「顯示Adsense單篇文章收益數據」功能,在控制台也會顯示,今日及累積最高收益的前十名文章,讓你掌握第一手網站營收資訊。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

(五)設定Blogimove外觀小工具

在第四個階段,設定外觀工具中的「小工具」,進行側欄小工具的管理。外掛提供BlogimoveGA網站人氣、BlogimoveGA熱門文章、BlogimoveGA今日熱門文章等小工具。

操作步驟STEP.01>>設定「外觀」→「小工具」,並將所需要的小工具,拖曳到右則的欄之中。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.02>>設定BlogimoveGA網站人氣(Analytics)顯示項目及快取時間。Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.03>>BlogimoveGA網站人氣小工具在前台顯示的結果。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.04>設定今日熱門文章、熱門文章顯示的文章數量及快取時間。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.05>>設定今日熱門文章、GA熱門文章顯示的文章數量及快取時間。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEUP.06>>BlogimoveGA熱門文章及今日熱門文章小工具在前台顯示的結果。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

操作步驟STEP.07>>勾選將「BlogimoveGA即時熱門文章」小工具拖曳到側欄,設定文章數及自訂標題。

Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move

 

 

搜尋關鍵字Search Console API設定操作手冊:https://blogimove.com/googleapi-webmaster/

 

其他操作手冊

 

你有部落格搬家技術的疑問嗎?歡迎填表諮詢
電子郵件:blogimove@gmail.com
諮詢表單:部落格搬家需求單
臉書:http://www.facebook.com/blogimove
線上諮詢:請點網頁右下角MESSAGER圖示
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move











只要申請好網域、虛擬主機,搬家交給BlogImove!

延伸閱讀


你有部落格搬家技術的疑問嗎?歡迎填表諮詢
電子郵件:blogimove@gmail.com
諮詢表單:部落格搬家需求單
臉書:http://www.facebook.com/blogimove
Telegram:https://t.me/blogimoveEngineer
線上諮詢:請點網頁右下角MESSAGER圖示
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move











只要申請好網域、虛擬主機,搬家交給BlogImove!

GA瀏覽量:1,374

Related Posts