WordPress:Site Kit by Google介紹及使用

Wordpress:Site Kit by Google介紹及使用

寫在Google AdSense之前

如果你曾經來過Let’s Write本站,會發現本站這幾天出現聯播網廣告了。

主要是想用用看Google AdSense,再配合Google Analytics的發布商報表,看一下報表會是長什麼樣子。

因為用Google AdSense時,驗證的部份是直接用Site Kit by Google這個外掛,所以覺得在寫使用Google AdSense之前,應該來寫一篇介紹一下這外掛的筆記。


Site Kit by Google介紹

看了一下官網的News,Google在2018.10.6號就公告會有這個外掛,一直到8個月後,今年(2019)的6.16,才公告推出developer preview版,再四個月後的10.31推出正式版。

放個廣告賺點養主機的$$,謝謝

Site Kit by Google是一套可以跟Google網站相關的功能整合在一起的外掛,它可以整合的功能有以下:

不知道以後會不會再繼續增加功能,但Augustus在寫這篇時,看到可連結的功能是以上六項。

一開始用的時候有點疑惑,因為這些功能可以直接進到原本的頁面去,有必要一定要裝個外掛嗎?

後來安裝完,用了幾天後覺得蠻方便的,它主要就是讓我們可以不用再另外開那些頁去看資料,就能直接在Wordpress後台中看到。

比方原本登入後台後,會看到的是Jetpack統計瀏覽資料的卡片,裝了Site Kit後會自動加上Google Analytics的卡片:

wordpress登入後台可以看到GA
wordpress登入後台可以看到GA

另外,後台也會加開一個Site Kit,直接顯示有連結的功能,像是本站連結了Search Console、GA、AdSense、Speed、GTM,就會看到以下:

Site Kit dashboard
Site Kit dashboard

當然,更細的資料還是要進到原本的頁面去觀看,但每天如果想關心一下,直接看外掛整理出的清單資訊也夠用了。


安裝Google Site Kit

Site Kit的外掛頁面在這:Site Kit by Google

那當然,我們很少直接從外掛頁下載,一般直接進到Wrodpress後台的「外掛 -> 安裝外掛」頁面裝會比較快。

放個廣告賺點養主機的$$,謝謝

進到「外掛 -> 安裝外掛」後,在右上角的「搜尋外掛」上輸入「google」,就會出現了:

搜尋google,出現外掛
搜尋google,出現外掛

點下立即安裝,安裝完後再點啟用:

安裝完點啟用
安裝完點啟用

頁面會跳回到已安裝外掛的首頁,這時左側選單也會加上一個「Site Kit」:

wordpress選單新增了Site Kit
wordpress選單新增了Site Kit

點進選單上的Site Kit,會看見一個外掛啟用,但仍需要安裝的訊息:

需要安裝的訊息
需要安裝的訊息

點擊「START SETUP」就會開始連結Google的功能。

連結的第一步,就是要先登入Google帳號,這邊記得是登入有GA、Search Console權限的,之後GA的部份才可以直接使用:

登入Google帳號
登入Google帳號

登入後,會有幾項權限需要授權,都按允許後才能進到下一步:

授權1/3
授權1/3
授權2/3
授權2/3
授權3/3
授權3/3

登入完Google帳號後,下一步就是要確認你登入的Google帳號,是這個網站的擁有者:

驗帳Google帳號有Search Console的權限
驗帳Google帳號有Search Console的權限

按下「Proceed」後,因為Augustus登入的Google帳號本身就是Search Console的管理員了,這一步就會直接通過,到下一步:

通過驗證到下一步
通過驗證到下一步

這一步就是允許Site Kit可以取用Search Console的資料,按下「Allow」,就會看到設定完成的頁面:

設定完成
設定完成

按下Go to my Dashboard後會回到wordpress後台,就會看到Search Console的資料呈現在後台上:

wordpress連結完Search Console
wordpress連結完Search Console

呈現的頁面上也會提示可以連結到其他功能,上圖紅框中的三個就是,連結方式都跟前面一樣,登入Google後需要的權限都按允許就行。以下繼續說明連結GA的部份。

連結Google Analytics

連結完GA後,後台上會要選擇是抓GA中哪一組GA帳戶:

確認要讀哪一組GA帳戶
確認要讀哪一組GA帳戶

選擇完後按下「CONFIGURE ANALYTICS」,回到後台就會看到Analytics是「Connected」的狀態:

Analytics是「Connected」
Analytics是「Connected」

連結完GA後,有一件事情很重要,就是Site Kit在連結完GA,會自動加上追蹤碼到頁面上,如果你的網站原本就有埋GA追蹤碼,就會變成重複埋了一次,你的數據就會不正常,會變成2倍。

因此我們必須要選擇,埋GA的方式是沿用原本的,還是讓Site Kit埋?

本站的GA是用GTM埋的,就必須要關閉Site Kit加的追蹤碼,關閉方式如下:

1 左側選單中點選「Settings」

選單中點選「Settings」
選單中點選「Settings」

2 右側會出現Site Kit有連結的功能,點選「Analytics」

點選「Analytics」
點選「Analytics」

3 展開的選單中點選「Edit」

點選「Edit」
點選「Edit」

4 「Do you want to remove the Analytics snippet inserted by Site Kit?」選擇「Remove snippet」,按下CONFIGURE CHANGES

選擇「Remove snippet」
選擇「Remove snippet」

最後看到GA標「Snippet is not inserted」就行了:

Snippet is not inserted
Snippet is not inserted

加裝更多功能

如果用了Site Kit,基本上Search Console、Google Analytics這兩個建議必裝,主要是看網站成效的。

那像本站有裝GTM,原本是用別的外掛在埋碼,裝了Site Kit後就用Site Kit了。

完整的Site Kit可以連結的功能都在Settings裡,點選左側選單的「Settings」:

選單中點選「Settings」
選單中點選「Settings」

右側會出現目前有連結到的功能,頁籤點中間的「CONNECT MORE SERVICES」:

點中間的「CONNECT MORE SERVICES」
點中間的「CONNECT MORE SERVICES」

就會出現還可以連結的功能:

還可以連結的功能
還可以連結的功能

這邊建議PageSpeed也可以裝,了解一下網站的速度。


筆記後心得

Google官方出的整合各功能的Site Kit,在用的時候,展現報表時風扇突然轉了起來,似乎是計算時很耗資源。看來目前這版還有很多可以優化的空間,就期待Google會陸續改善了。

Summary
Wordpress:Site Kit by Google介紹及使用
Article Name
Wordpress:Site Kit by Google介紹及使用
Description
本篇大綱:寫在Google AdSense之前。Site Kit by Google介紹。安裝Google Site Kit。連結Google Analytics。加裝更多功能。因為本站裝Google AdSense驗證的部份是用Site Kit by Google這個外掛,因此先來寫一篇介紹一下這外掛的筆記。
Augustus
Let's Write
Let's Write
Publisher Logo

留言