WordPress中插入 Google Analytics GA 追蹤碼或全域網站代碼gtag.js

WordPress中插入 Google Analytics GA 追蹤碼或「全域網站代碼gtag.js」

網頁常常都會使用一些追蹤碼來分析網站流量,Google Analytics 就提供一個簡單又強大的流量分析工具,如何申請及設定Google Analytics至取得GA 追蹤碼,本篇文章暫不討論,可參考網路文章:

Google Analytics 網站分析追蹤碼安裝

但是需要在網站中插入GA追蹤碼,由於Wordpress沒提供這樣功能,可用下面方法,插入GA追蹤碼或「全域網站代碼gtag.js」。

複製追蹤碼

在 Google Analytics 找到追蹤碼

WordPress中插入 Google Analytics GA 追蹤碼或全域網站代碼gtag.js
追蹤碼大概長這樣

編輯 WordPress functions.php

編輯當前主題的functions.php文件,通常這檔案位置會在

WordPress安裝目錄/wp-content/themes/{{目前主題}}/functions.php

打開文件在最下方貼入下方程式,儲存文件,( 有開啟快取的話記得清掉快取 )

/**
 * 插入 Google 追蹤碼
 * Google Analytics GA 追蹤碼或全域網站代碼gtag.js
 * @link https://v123.tw 
 * @author Ann <ann@vector.cool>
 */
function v123_add_ga_or_gtagcode() { 
    ?> 

    <!-- 追蹤碼 ------------------- 開始 -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-MMC1QEJ69Y"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-xxxxxxxx');
    </script>
    <!-- 追蹤碼 ------------------- 結束 -->

    <?php  
}
add_action('wp_head', 'v123_add_ga_or_gtagcode'); 

測試是否有收到資料

接著就是測試是否有收到流量資料 ( 有開啟快取的話記得清掉快取 )

WordPress中插入 Google Analytics GA 追蹤碼或全域網站代碼gtag.js

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料