Google Tag Assistant – Công cụ kiểm tra mã Google

Hướng dẫn sử dụng Google Tag Assistant – Công cụ kiểm tra mã Google

Google Tag Assistant là 1 tiện ích mở rộng của Google Chrome cho phép kiểm tra các đoạn Scrip theo dõi của Google trên trang web bất kỳ.

Google Tag Assistant có tác dụng gì?

  • Kiểm tra các đoạn mã theo dõi của Google có trên website: Google Analytics, Google AdWords Remarketing, Google Tag Manage, AdWords Conversion Tracking
  • Thông báo tình trạng các đoạn mã theo dõi: Đã gắn đúng – hoạt động tốt, Gắn sai – Cần chỉnh sửa
  • Gợi ý sử dụng thêm các mã theo dõi khác của Google để tối ưu.

 

Google Tag Assistant hoạt động như thế nào?

Mỗi khi 1 trang web được load trên Chorme, Google Tag Assistant sẽ tự động quét các đoạn mã theo dõi có trên trang và trả về các kết quả tương ứng:

+ Màu xanh lá cây: Thể hiện đoạn mã đã được thêm đúng, và đang hoạt động tốt.

+ Màu xanh: Đoạn mã đã thêm đúng và đang hoạt động. Tuy nhiên công cụ đưa ra 1 số gợi ý để cải thiện việc gắn thẻ theo dõi. Thực hiện thay đổi theo những gợi ý để tăng hiệu suất của các thẻ theo dõi

+ Màu vàng: Thể hiện có lỗi nhỏ với việc thêm mã theo dõi. Tuy vẫn hoạt động nhưng có khả năng bị thiếu sót trong việc thu thập dữ liệu

+ Màu đỏ: Cảnh báo đoạn mã theo dõi đã không được thêm đúng, đoạn mã không hoạt động.

 

Hướng dẫn sử dụng

Bước 1: Cài đặt Google Tag Assistant bằng cách truy cập vào địa chỉ: http://goo.gl/zIRH5h (vào bằng trình duyệt Google Chrome nhé)

Cài đặt Google Tag Assitant
Cài đặt Google Tag Assitant

Nhấp vào + Miễn phí >> Thêm. Sau khi cài đặt thành công, bạn sẽ thấy có 1 biểu tượng nhỏ màu xanh mới xuất hiện

Icon mới nhỏ màu xanh xuất hiện
Icon mới nhỏ màu xanh xuất hiện

=> Xong bước 1: Cài đặt thành công Google Tag Assitant

Bước 2: Sử dụng Google Tag Assitant để kiểm tra mã Google trên website

Lấy luôn trang: trungharry.com để làm ví dụ, đăng nhập vào Blog để kiểm tra hiện Trung Harry đang sử dụng những đoạn mã gì.

– Click vào biểu tượng trong hình:

google tag manager

Chọn Enable:

google tag manager

Và đây là kết quả:

google tag manager

Sau khoảng vài giây, Google Tag Assitant trả về kết quả hiện đang có 3 đoạn mã theo dõi: Google Analytics và Google Tag Manager đã được Add vào website.

Màu xanh lá cây “Working” thể hiện cả 2 đoạn mã đều đã được thêm đúng vị trí, và đang hoạt động tốt.

Làm tương tự như trên với website của bạn, nếu nhận được thông báo màu đỏ “Critical Issues” có nghĩa đoạn mã mà bạn thêm vào Website đã không đúng và cần phải xử lý.

 

Cách xử lý khi nhận được thông báo màu đỏ “Critical Issues”

– Xóa đoạn mã đã đặt sai vị trí

– Thêm lại đoạn mã vào đúng vị trí yêu cầu

Vị trí đúng của các đoạn mã theo dõi:

  • Google Analytics: Đặt sau thẻ <head> & Đặt trước thẻ </head>
  • Google Re-marketing: Đặt sau thẻ <body> & Đặt trước thẻ </body>
  • Google Tag Manager: Đặt sau thẻ <body> & Đặt trước thẻ </body>
  • AdWords Conversion Tracking: Đặt sau thẻ <body> & Đặt trước thẻ </body>

Sau khi đặt lại đoạn mã, F5 lại trình duyệt và sử dụng công cụ để kiểm tra lại.

Trên đây là cách sử dụng công cụ Google Tag Assitant để kiểm tra tình trạng các đoạn mã theo dõi Google được thêm vào website.

————————

Bonus:

– Cập nhật mới nhất về Google Tag Assitant từ Google tại đây: https://plus.google.com/u/0/communities/105448214237192581344

– Đăng ký nhận các bài viết mới tại Trung Harry tại đây: http://feedburner.google.com/fb/a/mailverify?uri=TrungHarry

– Cần trợ giúp? Email tới: [email protected]

 

Cảm ơn vì đã đọc hết!

4 thoughts on “Google Tag Assistant – Công cụ kiểm tra mã Google

  1. Hi Trung, Cám ơn bài viết rất hay của bạn. Mình đang thắc mắc không biết có thể đưa mã của các đơn vị khác như kissmetric, facebook,… vào tag manager không? Và mong muốn có một video hướng dẫn việc đưa code này lên tag manager. Thanks Trung Harry

    • Hiện mình đang dùng Tag Manager để quản lý các đoạn mã Google, chứ chưa thử việc sử dụng nó để quản lý các đoạn mã của các bên khác.
      Thấy có phần loại thẻ “AdRoll Smart Pixel”, chắc là có hỗ trợ sử dụng để thêm thẻ Retargeting Facebook đấy, bạn thử xem sao nhé!

      Sắp tới sẽ có bài về Google Tag Manager. Thân!

  2. không hiểu sao mình thiết lập chính xác đến từng centimet rồi mà 1 trong hai website chỉ hiển thị mỗi cái “Google Tag Manager – GTM-5GXPZR” trong khi đó còn có “Analytic tag” và “Remarketing tag” không chịu ló đầu ra, cả hai site trên cùng một tài khoản analytic quản lý, nhưng khác tài khoản, đáng nói là 2 website khác hosting / thiết lập khác ngày, cái có đầy đủ cái thì chỉ có 1 cái tag manager thôi, không hiểu nổi (code Joomla có hạn chế tag khi mà mình đặt nó tại index.php của theme nhỉ) – không nhân tag các loại – demo http://lotusscale.com (xem sửa dùm – ko nhằm quảng cáo – thanks)

Leave a Comment