Hướng dẫn chèn code Google Analytics

Google Analytics là công cụ thống kê truy cập website miễn phí tốt nhất hiện nay. Trong lần trước mình có đăng bài hướng dẫn cài đặt Google Analytics cho WordPress trên website Học WordPress. Và bài viết này mình cập nhật lại thông tin lấy tracking code cũng như chèn code này vào trang WordPress của bạn.

Google Analytics logo

Ngoài bài ra, bạn cũng có thể tìm đọc bài viết hướng dẫn sử dụng Google Webmasters và Google Analytics mà mình đã đăng trước đó, trong này cũng có một vài thông tin liên quan đến công cụ thống kê của Google.

Cách đăng ký tài khoản Google và tạo tài khoản Google Analytics thì mình không nói đến nữa, trong bài viết này mình chỉ đề cập tới việc lấy code của tracking của tài khoản Analytics để thêm vào website của bạn.

Đầu tiên, bạn đăng nhập vào bảng điều khiển của Google Analytics và vào menu Admin. Trong phần Admin này bạn sẽ thấy 3 cột với 3 chức năng khác nhau cho bạn lựa chọn.

Hướng dẫn lấy tracking code của Google Analytics

Trong đó, cột ở giữa là thông tin thuộc tính tài khoản Google Analytics của bạn. Bây giờ bạn vào bên trong mục mình đánh dấu màu vàng, bạn nhấn chuột vào đó và mở tiếp link Tracking Code. Nếu bạn vào đúng vị trí thì bên trong này sẽ chứa hàm javascript để bạn sao chép và chèn vào trong web của mình.

<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-97348762-2', 'auto');
  ga('send', 'pageview');

</script>

Bạn tiếp tục mở giao diện trang web lên, bên trong các tập tin giao diện bạn có thể chèn code này vào bất kỳ chỗ nào bạn muốn. Đối với WordPress thì bạn vào bên trong thư mục gốc của giao diện, bạn mở tập tin header.php lên và thêm đoạn code này vào giữa thẻ head của giao diện. Nếu trong tập tin header không có thì bạn tìm kiếm thông tin các tập tin liên quan được load trong phần này.

Có một cách đơn giản hơn là bạn sử dụng hook để thực hiện, bạn mở tập tin functions.php của giao diện lên và thêm vào action như bên dưới.

function sb_theme_custom_google_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-97348762-2', 'auto');
	  ga('send', 'pageview');

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

Sau khi bạn bỏ các hàm trên vào tập tin functions của giao diện thì code của bạn sẽ luôn nằm ở phần head khi người dùng truy cập vào trang web. Nhớ là chọn một trong hai cách để bạn thực hiện theo nhé, ngoài ra bạn cũng có thể sử dụng plugin để làm việc này, hoặc nếu bạn đang dùng giao diện được viết bởi SB Team các phiên bản cập nhật sau này thì bạn chỉ cần sao chép Tracking ID và thêm vào mục cài đặt tùy chọn. Chúc bạn thành công.

Gửi bình luận của bạn 9 bình luận

Gửi bình luận

Địa chỉ email của bạn sẽ được giữ bí mật. Những mục bắt buộc được đánh dấu *