Thêm tài sản Google Analytics 4 (vào một trang web đã có Analytics)

Thiết lập tài sản Google Analytics 4 (GA4) cùng với tài sản Universal Analytics mà bạn đang có

Bài viết này dành cho những chủ sở hữu trang web đang sử dụng Universal Analytics và muốn tạo tài sản GA4. Tìm hiểu thêm về tài sản GA4 và phiên bản mới của Analytics

Sử dụng tính năng Trợ lý thiết lập GA4 để tạo một tài sản GA4 mới thu thập dữ liệu song song với tài sản Universal Analytics hiện có. Tài sản Universal Analytics của bạn sẽ không thay đổi và vẫn tiếp tục thu thập dữ liệu như thường lệ. Bạn có thể truy cập vào cả hai tài sản thông qua bộ chọn tài sản hoặc màn hình trang Quản trị.

Nội dung trong bài viết này:

• Cách hoạt động
• Bắt đầu
• Các bước tiếp theo với tài sản GA4 mới

Cách hoạt động

Trình hướng dẫn về tính năng Trợ lý thiết lập GA4:

• Tạo tài sản GA4 mới.
• Sao chép tên tài sản, URL của trang web, chế độ cài đặt về múi giờ và đơn vị tiền tệ từ tài sản Universal Analytics của bạn.
• Kích hoạt tính năng đo lường nâng cao trong tài sản GA4 của bạn.
• Liên kết tài sản Universal Analytics và tài sản GA4. Mối liên kết này giúp bạn có thể sử dụng tính năng Trợ lý thiết lập trong tài sản Google Analytics 4 để di chuyển các cấu hình từ tài sản Universal Analytics sang tài sản GA4 của bạn.
• Thiết lập để tài sản GA4 nhận dữ liệu từ thẻ Google hiện có nếu bạn chọn tái sử dụng thẻ trang web hiện có.

Trình hướng dẫn về tính năng Trợ lý thiết lập GA4 không nhập dữ liệu trong quá khứ vào tài sản GA4 mới của bạn. Tài sản GA4 của bạn chỉ thu thập dữ liệu kể từ thời điểm thiết lập trở đi. Để xem dữ liệu trong quá khứ, hãy sử dụng các báo cáo trong tài sản Universal Analytics của bạn.

Bắt đầu

Để sử dụng tính năng Trợ lý thiết lập GA4, bạn cần có vai trò Người chỉnh sửa đối với tài khoản. Hãy làm theo hướng dẫn ở bên dưới để tạo tài sản GA4. Bạn có thể sử dụng trình hướng dẫn này bất kể các trang trên trang web của bạn có thẻ Google Analytics (gtag.js hoặc analytics.js), thẻ Google Ads (gtag.js) hay vùng chứa Trình quản lý thẻ của Google.

1. Trong Google Analytics, hãy nhấp vào  Quản trị (ở phía dưới bên trái).
2. Trong cột Tài khoản, hãy đảm bảo rằng bạn đã chọn đúng tài khoản. (Nếu bạn chỉ có 1 tài khoản Google Analytics, thì tài khoản đó sẽ được chọn sẵn.)
3. Trong cột Tài sản, hãy chọn tài sản Universal Analytics hiện đang thu thập dữ liệu cho trang web của bạn.
4. Trong cột Tài sản, hãy nhấp vào Trợ lý thiết lập GA4. Đây là lựa chọn đầu tiên trong cột Tài sản.
5. Nhấp vào Bắt đầu trong mục Tôi muốn tạo một tài sản Google Analytics 4 mới.
6. Trong màn hình bật lên Tạo tài sản Google Analytics 4 mới, tuỳ thuộc vào cách trang web của bạn hiện đang được gắn thẻ, bạn sẽ có một trong các lựa chọn sau:
   • Tạo và tiếp tục. Hãy nhấp vào nút này để tiếp tục chuyển đến trang Thiết lập thẻ Google (bước 7).
   • Tạo tài sản. Nếu bạn thấy lựa chọn này, thì điều đó có nghĩa là Analytics có thể tái sử dụng thẻ Universal Analytics hiện có cho tài sản GA4 của bạn. Analytics sẽ tạo một thẻ trang web đã kết nối giữa Universal Analytics và các tài sản GA4. Hãy chọn phương án này và chuyển đến mục Các bước tiếp theo với tài sản GA4 mới (ở bên dưới).
     Lưu ý đối với người dùng nâng cao: Lựa chọn này sẽ triển khai hoạt động thu thập dữ liệu chuẩn cho tài sản GA4 của bạn. Nếu bạn đã triển khai thẻ tuỳ chỉnh cho tài sản UA của mình, hãy xem những điểm cần lưu ý khi thực hiện các bước bổ sung.
7. Trên trang Thiết lập thẻ Google, hãy chọn phương án mô tả đúng nhất trường hợp của bạn rồi làm theo hướng dẫn để hoàn tất việc tạo tài sản GA4 mới:
    

   Sử dụng thẻ Google có trên trang web của bạn (nên làm)

   Chọn phương án này để sử dụng thẻ Google được phát hiện trên trang web của bạn nhằm hoàn tất việc thiết lập mà không cần chỉnh sửa mã của trang web.

   Nếu bạn muốn, hãy nhấp vào Thông tin chi tiết để xem thông tin chi tiết về thẻ.

   Nhấp vào Xác nhận để hoàn tất việc tạo tài sản GA4 mới.

   Người dùng trên tài sản của bạn sẽ được thêm làm người dùng trên thẻ Google. Tìm hiểu thêm về cách quản lý thẻ Google.

   Sử dụng thẻ Google hiện có

   Chọn phương án này để tái sử dụng thẻ Google mà bạn đã có quyền quản trị.

   Nhấp vào Chọn thẻ. Bạn sẽ thấy:

   • Danh sách thẻ mà bạn có quyền quản trị. (Nếu bạn không thấy thẻ mà mình cần tìm, tức là bạn có thể không có quyền thích hợp để chỉnh sửa thẻ Google đó.)
   • Mã thẻ
   • Liệu thẻ có được phát hiện trên trang web của bạn hay không. Hãy chọn một thẻ có nhãn "On site" ("Trên trang web") để hoàn tất việc thiết lập mà không cần chỉnh sửa mã của trang web. Nếu chọn một thẻ có nhãn "Not detected" (Không phát hiện được), thì bạn có thể phải cài đặt thẻ đó. (Xin lưu ý rằng nếu trang web của bạn có lưu lượng truy cập thấp, thì thẻ của bạn có thể sẽ có trạng thái là "Not detected".)
   • Đích đến được liên kết với thẻ đó

   Chọn thẻ Google mà bạn muốn sử dụng, rồi nhấp vào Xác nhận để hoàn tất việc tạo tài sản GA4 mới.

   Người dùng trên tài sản của bạn sẽ được thêm làm người dùng trên thẻ. Tìm hiểu thêm về cách quản lý thẻ Google

   Cài đặt thẻ Google

   Chọn phương án này nếu bạn chưa cài đặt thẻ Google trên trang web của mình.

   1. Nhấp vào Tiếp theo để cài đặt thẻ Google mới trên trang web của bạn.
   2. Trên trang Hướng dẫn cài đặt, bạn sẽ có 2 phương án:
      • Cài đặt bằng trình tạo trang web: Nếu bạn quản lý trang web của mình bằng một số trình tạo trang web (hoặc "nền tảng hệ thống quản lý nội dung (CMS)", như Wix hoặc Duda), thì bạn có thể hoàn tất việc thiết lập thẻ Google mà không cần chỉnh sửa mã.
      • Cài đặt thủ công: Chọn phương án này nếu một trong các trường hợp sau đây là đúng:
        • Trình tạo trang web/CMS của bạn chưa hỗ trợ thẻ Google (gtag.js)
        • Bạn hoặc nhà phát triển web của bạn đang tự gắn thẻ trang web
        • Trang web của bạn được gắn thẻ bằng analytics.js
        • Bạn sử dụng Trình quản lý thẻ của Google

   Phương án 1: Cài đặt bằng trình tạo trang web hoặc CMS

   Nếu bạn quản lý trang web của mình bằng một trong các nền tảng sau, hãy chọn nền tảng của bạn rồi làm theo hướng dẫn để hoàn tất việc thiết lập thẻ Google mà không cần chỉnh sửa mã.

   • Drupal
   • Duda
   • MonsterInsights cho WordPress
   • Typo3
   • Wix

   Khi cài đặt xong thẻ Google, hãy nhấp vào Xong để hoàn tất việc tạo tài sản GA4 mới.

   Nếu nền tảng của bạn chưa hỗ trợ thẻ Google, bạn có thể sử dụng phương án cài đặt theo cách thủ công (ở bên dưới).

   Chúng tôi sẽ liên tục cập nhật các hướng dẫn về CMS để giúp bạn thiết lập thẻ Google một cách dễ dàng nhất có thể. Nếu bạn không thấy nền tảng của mình trên trang Hướng dẫn cài đặt, thì bạn vẫn có thể dán mã thẻ Google vào trình tạo trang web hoặc CMS. Hãy kiểm tra nền tảng của bạn trong danh sách này trước khi cài đặt theo cách thủ công

   Tìm hiểu thêm về cách cài đặt thẻ Google bằng trình tạo trang web.

   Phương án 2: Cài đặt theo cách thủ công

   Chọn phương án này nếu một trong các trường hợp sau đây là đúng:

   • Trình tạo trang web/CMS của bạn chưa hỗ trợ thẻ Google (gtag.js). Lưu ý: Bạn sẽ cần sử dụng tính năng HTML tuỳ chỉnh của nền tảng
   • Bạn hoặc nhà phát triển web của bạn đang tự gắn thẻ trang web
   • Trang web của bạn được gắn thẻ bằng analytics.js
   • Bạn sử dụng Trình quản lý thẻ của Google

   Cách cài đặt thẻ Google theo cách thủ công

   Trên thẻ Cài đặt thủ công, bạn sẽ thấy đoạn mã JavaScript dành cho thẻ Google của mình. Để thiết lập mối liên kết giữa trang web của bạn và Google Analytics, hãy sao chép và dán toàn bộ thẻ Google vào mã của mỗi trang trên trang web của bạn, ngay sau thành phần <head>. Đừng thêm quá 1 thẻ Google vào mỗi trang.

   Nếu bạn đang sử dụng trình tạo trang web/CMS chưa hỗ trợ thẻ Google, hãy sao chép và dán toàn bộ thẻ Google bằng trường HTML tuỳ chỉnh của nền tảng.

   Thẻ Google của bạn là toàn bộ phần mã xuất hiện, bắt đầu bằng:
   
   <!-- Google tag (gtag.js) -->
   
   và kết thúc bằng
   
   </script>

   Sau khi bạn đã cài đặt xong thẻ Google trên trang web của mình, hãy nhấp vào Xong để hoàn tất việc tạo tài sản GA4 mới.

   Khi đã thiết lập thẻ, bạn cần thiết lập chế độ cài đặt thẻ Google

   Trường hợp trang web của bạn được gắn thẻ bằng analytics.js, theo cách thủ công hoặc bằng CMS

   Nếu trang web của bạn được gắn thẻ theo cách thủ công bằng analytics.js, đừng xoá thẻ analytics.js cũ khi bạn thêm thẻ Google (ở phía trên). Thẻ analytics.js sẽ tiếp tục thu thập dữ liệu cho tài sản Universal Analytics của bạn. Thẻ Google (gtag.js) mà bạn đang thêm sẽ thu thập dữ liệu cho tài sản GA4 mới của bạn.

   Nếu đang sử dụng trình tạo trang web/CMS giúp gắn thẻ các trang bằng analytics.js, thì bạn có thể sử dụng tính năng HTML tuỳ chỉnh để thêm thẻ Google vào các trang của mình. Hãy giữ nguyên thẻ analytics.js để Analytics vẫn gửi dữ liệu đến tài sản Universal Analytics của bạn.

   Bảng sau đây liệt kê những trình tạo trang web và CMS sử dụng analytics.js, và yêu cầu bạn thêm thẻ Google làm HTML tuỳ chỉnh để sử dụng cả hai thẻ trên trang web của bạn.

   Sao chép và dán thẻ Google vào trang web bằng tính năng HTML tuỳ chỉnh của hệ thống quản lý nội dung (CMS) mà bạn đang dùng.

   Sử dụng Báo cáo theo thời gian thực để xác minh rằng bạn đang nhận được dữ liệu.

   Trình tạo trang web / CMS	Các cách thêm HTML tuỳ chỉnh
   Blogger	Hướng dẫn
   Cart.com	Liên hệ với bộ phận hỗ trợ của Cart.com để được hướng dẫn
   Salesforce (Demandware)	Liên hệ với bộ phận hỗ trợ của Salesforce để được hướng dẫn
   VTEX	Liên hệ với bộ phận hỗ trợ của VTEX để được hướng dẫn
   Weebly	Hướng dẫn

   Trường hợp bạn thêm thẻ bằng Trình quản lý thẻ của Google

   Để thu thập dữ liệu cơ bản, hãy làm theo hướng dẫn trong trung tâm trợ giúp Trình quản lý thẻ của Google để thêm thẻ Google Analytics: Cấu hình GA4 bằng cách sử dụng tài khoản Trình quản lý thẻ của Google.

   Sau khi thêm thẻ, hãy nhớ nhấp vào Xong trong tính năng Trợ lý thiết lập GA4 để hoàn tất việc tạo tài sản GA4 được kết nối của bạn.

Các bước tiếp theo với tài sản GA4 mới

Sau khi làm xong theo trình hướng dẫn, bạn sẽ thấy thông báo "Bạn đã kết nối thành công các tài sản của mình" ở đầu trang Trợ lý thiết lập tài sản Google Analytics 4.

Ghi lại tên của tài sản GA4 để bạn có thể tìm thấy tài sản đó sau này. Nếu tên tài sản Universal Analytics của bạn là "Example property (UA-nnnnnnn)", thì tên tài sản GA4 của bạn sẽ là "Example property - GA4 (xxxxxxx)", không kèm theo tiền tố "UA-" (trong đó xxxxxxx là mã số tài sản mới).

Nhấp vào Xem tài sản GA4 của bạn để mở Trợ lý thiết lập trong tài sản GA4 mới. Trợ lý thiết lập trong tài sản Google Analytics 4 giúp bạn hiểu rõ các tính năng và chế độ cài đặt được đề xuất để hoàn tất việc thiết lập tài sản Google Analytics 4.

Có thể mất đến 30 phút để dữ liệu bắt đầu xuất hiện trong tài sản GA4 mới của bạn.

Để xác minh rằng dữ liệu đang được thu thập, hãy duyệt xem trang web của bạn, rồi chọn Theo thời gian thực trên bảng điều hướng báo cáo. Bạn sẽ thấy hoạt động trong Báo cáo theo thời gian thực

Nếu đang có dự án Firebase, bạn có thể liên kết tài sản GA4 này với dự án đó. Tuy nhiên, bạn phải làm việc này từ Firebase. Tìm hiểu cách thực hiện.

Gỡ lỗi

 Hướng dẫn này giải thích cách sử dụng phiên bản gỡ lỗi của thư viện analytics.js để đảm bảo các triển khai của bạn đang hoạt động chính xác.

Phiên bản gỡ lỗi của thư viện analytics.js

Google Analytics cung cấp phiên bản gỡ lỗi của thư viện analytics.js ghi lại các thông báo chi tiết vào bảng điều khiển Javascript khi nó đang chạy. Các thông báo này bao gồm các lệnh được thực thi thành công cũng như các cảnh báo và thông báo lỗi có thể cho bạn biết khi nào thẻ của bạn được thiết lập không chính xác. Nó cũng cung cấp bảng phân tích về từng lần truy cập được gửi đến Google Analytics, vì vậy bạn có thể xem chính xác dữ liệu nào đang được thu thập.

Bạn có thể bật phiên bản gỡ lỗi của analytics.js bằng cách thay đổi URL trong thẻ JavaScript từ https://www.google-analytics.com/analytics.jsthành :https://www.google-analytics.com/analytics_debug.js

( function ( i , s , o , g , r , a , m ) { i [ 'GoogleAnalyticsObject' ] = r ; i [ r ] = i [ r ] || function () { ( i [ r ]. q = i [ r ]. q || []). push ( đối số )}, i [ r ]. l =
1 * mới Ngày (); a = s . createElement ( o ), m = s . getElementsByTagName ( o ) [ 0 ]; a . async = 1 ; a . src = g ; m . mã phụ huynh . insertBefore ( a , m ) }) ( window , document , 'script' , 

'https://www.google-analytics.com/analytics_debug.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');

Lưu ý: Chỉ nên sử dụng phiên bản gỡ lỗi của analytics.js trong quá trình phát triển và thử nghiệm, vì phiên bản này lớn hơn analytics.js một chút và sẽ làm chậm quá trình tải trang của bạn.

Kiểm tra việc triển khai của bạn mà không gửi lần truy cập

Phiên bản gỡ lỗi của analytics.js sẽ gửi dữ liệu đến Google Analytics giống hệt như phiên bản không gỡ lỗi. Điều này cho phép bạn truy cập trang web chạy mã analytics.js và kiểm tra việc triển khai mà không can thiệp vào cách dữ liệu được thu thập.

Nếu bạn không muốn gửi dữ liệu đến Google Analytics trong một số trường hợp nhất định (ví dụ: môi trường phát triển hoặc thử nghiệm), bạn có thể tắt sendHitTasktác vụ và sẽ không có gì được gửi.

Khi chạy trên localhost, mã sau sẽ ngăn không cho bất kỳ lần truy cập nào được gửi đến Google Analytics:

( function ( i , s , o , g , r , a , m ) { i [ 'GoogleAnalyticsObject' ] = r ; i [ r ] = i [ r ] || function () { ( i [ r ]. q = i [ r ]. q || []). push ( đối số )}, i [ r ]. l =
1 * mới Ngày (); a = s . createElement ( o ), m = s . getElementsByTagName ( o ) [ 0 ]; a . async = 1 ; a . src = g ; m . mã phụ huynh . insertBefore ( a , m ) }) ( window , document , 'script' , 

'https://www.google-analytics.com/analytics _debug .js' , 'ga' ); 

ga ( 'create' , 'UA-XXXXX-Y' , 'auto' ); if ( location . hostname == 'localhost' ) {   ga ( 'set' , 'sendHitTask' , null ); } ga ( 'send' , 'pageview' );  

   
  


 

Gỡ lỗi theo dõi

Bật gỡ lỗi theo dõi sẽ xuất ra nhiều thông tin dài hơn cho bảng điều khiển.

To enable trace debugging, load the debug version of analytics.js as described above and add the following line of JavaScript prior to any calls to the ga() command queue.

window.ga_debug = {trace: true};

The full tag with trace debugging enabled is as follows:

( function ( i , s , o , g , r , a , m ) { i [ 'GoogleAnalyticsObject' ] = r ; i [ r ] = i [ r ] || function () { ( i [ r ]. q = i [ r ]. q || []). push ( đối số )}, i [ r ]. l =
1 * mới Ngày (); a = s . createElement ( o ), m = s . getElementsByTagName ( o ) [ 0 ]; a . async = 1 ; a . src = g ; m . mã phụ huynh . insertBefore ( a , m ) }) ( window , document , 'script' , 

'https://www.google-analytics.com/analytics _debug .js' , 'ga' ); cửa sổ . ga_debug = { trace : true }; ga ( 'create' , 'UA-XXXXX-Y' , 'auto' ); ga ( 'send' , 'pageview' );

  
  
 

Tiện ích mở rộng Google Analytics Debugger Chrome

Google Analytics cũng cung cấp một tiện ích mở rộng của Chrome có thể bật phiên bản gỡ lỗi của analytics.js mà không yêu cầu bạn thay đổi thẻ của mình. Điều này cho phép bạn gỡ lỗi các trang web của mình và cũng có thể xem các trang web khác đã triển khai Google Analytics như thế nào với analytics.js.

Hỗ trợ thẻ Google

Hỗ trợ thẻ Google là một Tiện ích mở rộng của Chrome giúp bạn xác thực thẻ trên trang web của mình và khắc phục các sự cố thường gặp. Đó là một công cụ lý tưởng để gỡ lỗi và kiểm tra việc triển khai analytics.js của bạn cục bộ và đảm bảo mọi thứ đều chính xác trước khi triển khai mã của bạn vào sản xuất.

Hỗ trợ thẻ hoạt động bằng cách cho phép bạn ghi lại luồng người dùng thông thường. Nó thu thập tất cả các lần truy cập bạn gửi, kiểm tra chúng để tìm bất kỳ vấn đề nào và cung cấp cho bạn báo cáo đầy đủ về các tương tác. Nếu phát hiện bất kỳ vấn đề hoặc cải tiến tiềm năng nào, nó sẽ cho bạn biết.

Để tìm hiểu thêm, hãy truy cập trung tâm trợ giúp và đọc Giới thiệu về Hỗ trợ thẻ và Giới thiệu về Bản ghi Hỗ trợ thẻ . Bạn cũng có thể xem video demo này cho thấy Hỗ trợ thẻ đang được sử dụng để bắt lỗi và kiểm tra tính hợp lệ của các triển khai nâng cao, chẳng hạn như đo lường tên miền chéo .