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

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

章節連結

自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>>「建立憑證」

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

 

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

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

 

操作步驟STEP.08>>「建立服務帳戶」

Blogimove部落客專屬外掛|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

 

操作步驟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外掛進階操作 | 透過Google Analytics事件追蹤外部連結gtag
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
WordPress預設的 TinyMCE文章編輯器,在預設的狀況下,會自動過濾掉onclick這樣的標籤屬性,所以會造成在文字模式下,雖然可填入【<a href=”http://google.com” onclick=”gtag(….)”>google首頁</a>】這樣的onclick觸發gt
★全文分享★  BLOGIMOVE外掛進階操作 | 懶人包應用【二】動態管理的簽名檔,改一篇所有簽名檔同步更新
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
許多朋友在寫作部落格文章時,習慣在文末寫上一些資訊,如作者介紹或是社群介紹,但是每次要更新這些資訊,還得每一篇文章重新編修,非常的不方便。雖然,blogimove外掛也提供了方便的簽名檔管理功能
★全文分享★  BlogimoveRIS外站圖片自動搬家外掛程式,簡單三步驟設定,讓你不必再煩惱圖床搬家怎麼辦。
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
你是不是煩惱文章內使用外站圖片卻無法搬回自架站的困擾?或是flickr即將易主是否急著將圖片搬回自架站?或是想使用外站圖床來分擔網站的流量,卻又擔心圖床未來能否圖片外連而文章滿是破圖呢?SmugMug
★全文分享★  功能多樣的外觀小工具,Blogimove部落客專屬外掛小工具讓你經營WordPress自架站一次就上手!
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
部落格搬家後,進入Wordpress自架站那一天開始,大部份的部落客朋友多為側欄內容的呈現而傷神,在原生的Wordpress平台裡,外觀小工具是非常陽春,例如:近期文章,只有文字超連結的條列,利用文字小工具
★全文分享★  Google API工具,讓Google Search Console搜尋分析告訴你單篇文章熱門搜尋關鍵字,讓你輕鬆提升網站SEO
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
部落格搬家後,自架站開始,瞭解自己網站的搜尋關鍵字是經營網站的第一項功課,唯有分析網站的服務客群及讀者的喜好,才能針對網站的經營訂定正確的目標,除了寫出優秀的作品,還要配合適當的關鍵
★全文分享★  Blogimove部落客專屬外掛 | 如何更新外掛
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
Blogimove外掛提供免費的外掛更新服務,可選擇兩種方式下載外掛更新檔:官網下載、設定頁面下載連結。2.1.16版之後,google API工具使用的JSON設定檔,外掛會額外將資料備份,外掛程式更新後會自動重建JSON檔
★全文分享★  Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
自2018年開始,Blogimove部落格搬家技術服務自行開發的部落客專屬外掛將可同時提供三種網站流量統計數據的顯示工具,除了利用原有的Post Views Counter轉移自痞客邦、Bloger、天空部落等舊部落格的單篇文章人氣
★全文分享★  BLOGIMOVE部落客專屬外掛 | 網站管理【二】自動插入廣告及一鍵插入廣告碼功能介紹
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
許多部落客朋友剛從痞客邦、bloger將部落格搬家到wordpress,最常遇到問題就是廣告放置工作,通常在寫作時自行複製廣告碼,再到文章適當的位置貼上,如此一來一回,光是廣告碼的管理就是個大麻煩。在wordp
★全文分享★  Blogimove部落客專屬外掛|網站管理工具,讓你輕輕鬆鬆搞定網站備份、資料庫備份及管理
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
經營自架站,除了認真寫文創作,吸引讀者閱讀,創造高SEO帶來龐大的流量外,還要隨時做好網站備份的工作,過去在像痞客邦、Blogger這類的BSP網站都是由業者管理,但是自架站之後,這些工作可是千萬別馬
★全文分享★  Blogimove部落客專屬外掛|自訂CSS功能,讓所見即所得的文章編輯器成為寫作的好幫手
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
wordpress的文章編輯器使用的TINYMCE這套線上編輯器,雖然它強調可以所見即所得的編輯,但是在WORDPRESS的文章編輯器中,常會發現編輯器的內容顯示的往往與目前使用的外觀版型不同,另外,有些部落客朋友會
★全文分享★  Blogimove部落客專屬外掛程式|如何指定文章範本
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
寫作文章時,是不是常常為了複製文章的格式,常常得開好多個視窗?而且複製來複製去,最後總是會遺漏一些好不容易微調好的文章格式?為了突顯文章的風格,我們總會想要如何在文章的編排上增加自己
★全文分享★  BLOGIMOVE部落客專屬外掛 | 社群工具讓你輕鬆管理臉書、LINE SOCIAL PLUGIN外掛
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
部落格經營需要長期持續的寫文、曝光,並且要照顧廣大的粉絲,現代的社群工具相當多樣,不管是臉書或line social都有推出社群的外掛工具,部落格不管從痞客邦、blogger搬進Wordpress之後,網站需要做的事情
★全文分享★  BLOGIMOVE部落客專屬外掛 | 一鍵便利寫【三】文章段落錨點讓你的部落格更好閱讀
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
長篇文章總是帶給讀者豐富的閱讀享受,但也因為文章長度,讓人有時中斷閱讀之後,要再找到上次未完的章節繼續閱讀,Blogimove部落客專屬外掛寫作工具考慮到寫作時製作章節索引的便利,寫作完成也能夠
★全文分享★  BLOGIMOVE部落客專屬外掛 | 一鍵便利寫【二】文章延伸閱讀輕鬆增加
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
許多朋友會在文章之後列出推薦閱讀的文章,雖然wordpress外視版型也愈來愈多有提供相關文章的功能,但是不見得能夠滿足或是精準的提供部落客想要網友們繼續閱讀的文章,這時大家都會採取手動編輯「延
★全文分享★  BLOGIMOVE部落客專屬外掛 | 一鍵便利寫【一】簽名檔管理與插入功能
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
部落格寫作文章時,常常需要在文末或是文中附上一些固定的文字或是資訊,例如:作者資料或是臉書網址等,你是不是每次都要開一堆的視窗複製又貼上,來來去去許多次,就為了每次都是相同的資訊或是
★全文分享★  BLOGIMOVE外掛|關鍵字連結功能(KeywordLink)說明
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
文章當中的關鍵字,除了seo有重要的功能外,當讀者閱讀到某些關鍵字時,若是能夠安排這些關鍵字的連結,引導讀者閱讀更多關鍵字相關的文章或是希望透過這個關鍵字帶讀者閱讀目標網頁,那麼你可以試
★全文分享★  BLOGIMOVE外掛 | 懶人包寫作功能操作說明
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move
懶人包一直是部落客又愛又恨的文章,一方面它能夠帶來可觀的流量,但相對的整理懶人包其實是一種非常沉重的工作,第一是資料的整理,第二是更新資料無法同步的問題。blogimove為大家開發出一款協助部

 

你有部落格搬家技術的疑問嗎?歡迎填表諮詢
電子郵件: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
線上諮詢:請點網頁右下角MESSAGER圖示
Blogimove部落客專屬外掛|Google API工具,WORDPRESS單篇文章及外觀小工具顯示Google Analytics人氣 @Blog-i-Move











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