Google Analytics – 如何建立企業級的網頁分析

max

8 年前

Google Analytics

WordPress 網站建置好一段時間以後，佈景主題式樣修改與外掛程式安裝差不多進行到一個段落，網站也開始累積了一些內容。這時候可以開始為自己的WordPress網站加上網頁分析的程式碼。可以察看訪客的一些基本資訊，像是訪客來源，瀏覽的文章頁面，搜尋的關鍵字…等等，作為改善網站的參考資料。可以幫網站作分析的程式很多，這其中有很多是要付費的才能取得這些功能。不過很開心的是有 Google，Google 就有提供企業級的網頁分析功能，只要擁有Google帳號，就可以享用這一項免費的功能。接著就跟大家來分享如何在WordPress 建立Google 企業級的網頁分析。

在WordPress 建立Google 企業級的網頁分析有三中方法，不過在選擇任何一種方法前，我們必須先啟用了Google 帳號的網頁分析功能。以下就是啟用網頁分析功能的步驟。

1. 開啟Google 網頁分析網頁：http://www.google.com/analytics/ 點選登入（圖一）。

（圖一）登入Google 網頁分析網址

2. 如果這是第一次使用網頁分析，會出現要我們註冊的畫面（圖二）。

（圖二）註冊Google Analytics

3. 因為是第一次使用，所以要開始建立一份新的網站資料（圖三），依序填入相關的資料。

帳戶名稱：為這個要作網頁分析的網站取一個帳戶名稱，例如My Website Analytics。
網站名稱：一個帳戶名稱可以管理很多網站分析，所以這裡我們填入要作網頁分析的網站名稱，例如我的網站。
網址：當然就是填入要作網頁分析的網站網址，例如 http://yourdomain.com。
產業類別：請自行選擇適合自己網站的分類。

4. 基本資料填寫完成後，請點選取得追蹤編號（圖四）。

（圖三）設定網頁分析的帳戶

（圖四）取得追蹤編號

5. 接著跳出Google 服務條款的確認頁面（圖五）。

（圖五）服務條款的確認頁面

6. 同意服務條款以後，追蹤編號就建立好了（圖六），可以看到網頁有一組類似 UA-xxxxxxxx-x 的追蹤編號（因為是範例，所以將編號改成xxxxxxxx-x），確實註冊後你得到的是一組數字，請把它記下來，後面的設定會用到。

（圖六）網頁分析追蹤編號

7. 網頁往下看還有一組追蹤程式碼（圖七），也請將這一組追蹤程式碼記錄下來，後面的設定會用到。

（圖七）Analytics (分析) 追蹤程式碼

8. 文章到這裡Analytics (分析) 追蹤程式碼我們已經建立好了，接著就是如何將這個程式碼加到WordPress 網站的網頁裡，讓Analytics (分析) 追蹤程式碼開始幫我們的網頁作分析。

9. 如何在Wordpress 加入Analytics (網頁分析) 基本上有三種方法可以達到網頁分析的功能，大家可以選擇其中一樣適合自己的方法來做。

● 第一種方法就是直接置入Analytics (分析) 追蹤程式碼
複製header.php檔案到你的子佈景主題，使用文字編輯器開啟，在之前填入如（圖七）取得的Analytics (分析) 追蹤程式碼。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-xxxxxxxx-x', 'auto');
  ga('send', 'pageview');

</script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-xxxxxxxx-x', 'auto');

ga('send', 'pageview');

</script>

● 第二種方法則是在子佈景主題的 functions.php 檔案加入（圖七）Analytics (分析) 追蹤程式碼
使用文字編輯軟體開啟子佈景主題的 functions.php 檔案，加入以下語法：

function add_analytics() {
?>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-xxxxxxxx-x', 'auto');
  ga('send', 'pageview');

</script>
<?php
}
add_action( 'wp_head', 'add_analytics' );

function add_analytics() {

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-xxxxxxxx-x', 'auto');

ga('send', 'pageview');

</script>

<?php

}

add_action( 'wp_head', 'add_analytics' );

● 第三種方法就是安裝外掛程式（建議使用）

Google Analytics Dashboard for WP： https://wordpress.org/plugins/google-analytics-dashboard-for-wp/
Google Analytics by Yoast： https://wordpress.org/plugins/google-analytics-for-wordpress/
Google Analyticator：https://wordpress.org/plugins/google-analyticator/

以上三個外掛程式都是官網上非常受歡迎的外掛程式，可以自行選擇使用。一般使用這類型的外掛程式，（圖六）取得的編號就派的上用場。

10. 上面三種方法是如何在 WordPress 建立網頁分析，只需要使用當中的一種方法就可以了。當採用的方法確認以後，可以在Google 網頁分析管理頁面，傳送測試流量（圖八），如果安裝正確的話就會出現（圖九）的狀態。

（圖八）傳送測試流量

（圖九）網頁分析狀態

11. 以上完成。接下來的時間，可以隨時登入Google 網頁分析管理頁面，就可以陸續收到一些數據資料顯示網頁的分析報告。