Cách thêm Google Analytics vào WordPress mà không cần Plugin (Và giữ cho nó nhanh)

Hầu hết các vấn đề về hiệu suất WordPress đều bắt đầu theo cùng một cách: thêm "chỉ một plugin nữa" cho một tác vụ cơ bản.

Khi bạn cài đặt một plugin Google Analytics—ngay cả những plugin phổ biến như MonsterInsights hoặc Site Kit—bạn không chỉ nhận được tính năng theo dõi. Bạn đang chèn thêm các bảng cơ sở dữ liệu, tiện ích bảng điều khiển, cửa sổ bật lên tiếp thị và đôi khi là hàng chục truy vấn cơ sở dữ liệu bổ sung vào phần phụ trợ WordPress của mình.

Tất cả chỉ cho một tập lệnh 73KB đơn giản mà bạn có thể tự cài đặt trong 3 phút.

Nếu bạn quan tâm đến Core Web Vitals, Thời gian đến byte đầu tiên (TTFB) và giữ cho bảng điều khiển quản trị của bạn sạch sẽ, thì việc thêm Google Analytics theo cách thủ công là cách duy nhất.

Hướng dẫn này sẽ chỉ cho bạn chính xác cách thêm Google Analytics 4 (GA4) vào trang web WordPress của bạn mà không cần plugin, đảm bảo nó vẫn hoạt động cực nhanh.

---

Tại sao nên bỏ qua Plugin Analytics? Chi phí hiệu suất

Trước khi xem mã, hãy xem dữ liệu. Tại sao phải mất công cài đặt thủ công?

1. Làm nặng cơ sở dữ liệu: Các plugin phân tích thường lưu trữ dữ liệu cấu hình và báo cáo bộ nhớ đệm trong wp_options bảng của bạn. Theo thời gian, điều này làm chậm các truy vấn cơ sở dữ liệu.
2. Làm chậm bảng điều khiển quản trị: Việc tải các biểu đồ tương tác bên trong bảng điều khiển WordPress của bạn tiêu tốn tài nguyên máy chủ. Khu vực quản trị của bạn nên dành cho việc tạo nội dung, không phải để trực quan hóa dữ liệu. Bạn đã có bảng điều khiển Google Analytics thực tế cho việc đó.
3. Chi phí chung cho giao diện người dùng: Một số plugin tải các tệp CSS hoặc JS của riêng chúng cùng với mã theo dõi của Google chỉ để làm cho các tích hợp cụ thể của chúng hoạt động.
4. Bề mặt lỗ hổng: Mỗi plugin bạn thêm vào đều là một rủi ro bảo mật tiềm ẩn.

Bằng cách sử dụng phương pháp thủ công, bạn thêm chính xác không tải cho máy chủ của bạn.

---

Bước 1: Lấy mã theo dõi GA4 của bạn

Trước khi đụng đến WordPress, bạn cần có thẻ Google duy nhất của mình.

1. Đăng nhập vào tài khoản Google Analytics của bạn.
2. Nhấp vào Quản trị biểu tượng bánh răng ở góc dưới bên trái.
3. Trong phần cài đặt thuộc tính của bạn, hãy nhấp vào Luồng dữ liệu.
4. Chọn luồng dữ liệu trang web của bạn.
5. Cuộn xuống phần Thẻ Google và nhấp vào Xem hướng dẫn về thẻ.
6. Chuyển sang tab Cài đặt thủ công tab.

Bạn sẽ thấy một đoạn mã trông như thế này:

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

  gtag('config', 'G-XXXXXXXXXX');
</script>

Sao chép toàn bộ khối mã này.

---

Bước 2: Cách đúng (Sử dụng functions.php)

Có hai cách để thêm mã này vào trang web của bạn. Chúng ta sẽ sử dụng phương pháp functions.php method.

Tại sao? Vì việc chỉnh sửa tệp header.php trực tiếp rất dễ hỏng. Nếu bạn chuyển đổi giao diện hoặc cập nhật giao diện mà không sử dụng giao diện con (child theme), mã theo dõi của bạn sẽ bị xóa sạch.

Sử dụng các hook của WordPress trong tệp functions.php của bạn sạch hơn, an toàn hơn và là tiêu chuẩn ngành cho mã tùy chỉnh.

Điều kiện tiên quyết quan trọng: Bạn phải sử dụng Giao diện con (Child Theme). Nếu bạn thêm mã này vào giao diện cha, nó sẽ bị ghi đè trong lần cập nhật giao diện tiếp theo.

1. Đăng nhập vào Bảng điều khiển WordPress của bạn.
2. Điều hướng đến Giao diện > Trình chỉnh sửa tệp giao diện.
3. Ở phía bên phải dưới mục "Tệp giao diện", chọn Chức năng giao diện (functions.php).
4. Cuộn xuống tận cùng của tệp.
5. Dán đoạn mã PHP sau, thay thế phần chú thích giữ chỗ bằng mã GA4 thực tế của bạn:

/**
 * Add Google Analytics to WordPress header safely.
 */
add_action('wp_head', 'insert_custom_google_analytics', 20);

function insert_custom_google_analytics() ?>
    <!-- PASTE YOUR GOOGLE TAG CODE HERE -->
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-XXXXXXXXXX');
    </script>
<?php }

Hãy phân tích lý do tại sao đoạn mã này được tối ưu hóa:

• add_action('wp_head', ...): This hooks into WordPress right before the  </head> tag closes, ensuring the script loads early enough to track bounces, but doesn’t break your page structure.
• 20: Đây là số thứ tự ưu tiên. Bằng cách đặt nó là 20 (mặc định là 10), chúng ta yêu cầu WordPress tải phần này chậm hơn một chút sau đó trong trình tự tiêu đề, ưu tiên các CSS cốt lõi và các tập lệnh giao diện quan trọng của bạn trước.
• async: Lưu ý thuộc tính async trong thẻ tập lệnh của Google. Điều này yêu cầu trình duyệt tải tập lệnh trong nền mà không chặn việc hiển thị trang của bạn.

Sau khi dán, hãy nhấp vào Cập nhật tệp.

---

Bước 3: Xác minh nó đang hoạt động (Không cần đợi 24 giờ)

Bạn không cần phải đợi một ngày để xem liệu mình đã cài đặt đúng chưa.

1. Mở một cửa sổ "Ẩn danh" hoặc "Duyệt web riêng tư" mới.
2. Truy cập trang chủ trang web của bạn và nhấp vào một vài trang.
3. Quay lại bảng điều khiển Google Analytics của bạn.
4. Điều hướng đến Báo cáo > Thời gian thực.

Bạn sẽ thấy ít nhất 1 người dùng đang hoạt động trên trang web của bạn. Nếu có, xin chúc mừng—bạn đã triển khai thành công GA4 mà không cần cài thêm plugin cồng kềnh.

---

Tóm tắt: Một WordPress tinh gọn hơn

Thêm Google Analytics mà không cần plugin không chỉ là tiết kiệm vài byte; đó là một tư duy kiến trúc. Bằng cách giữ các công cụ tiếp thị của bên thứ ba khỏi cơ sở dữ liệu và bảng quản trị WordPress, bạn duy trì một trang web sạch hơn, nhanh hơn và an toàn hơn.

Mỗi khi bạn có thể thay thế một plugin cồng kềnh bằng một hàm sạch gồm 10 dòng, trang web của bạn sẽ nhanh hơn. Và trong SEO hiện đại, tốc độ là tất cả.