Google nâng cấp Analytics, thêm tính năng load không đồng bộ

Google nâng cấp Analytics, thêm tính năng load không đồng bộ Google Analytics là dịch vụ theo dõi lượng truy cập website miễn phí được sử dụng rộng rãi nhất hiện nay. Tuy vậy, code của Google Analytics thường làm website load chậm, cho dù có đặt nó ở cuối cùng của trang web (ngay trước thẻ đóng body). Nắm được điểm yếu này, Google đã nâng cấp code của Analytics, bổ sung tính năng load không đồng bộ (kiểu như ajax), nhằm nâng cao tốc độ load trang....
Nội dung trích xuất từ tài liệu:
Google nâng cấp Analytics, thêm tính năng load không đồng bộ Google nâng cấp Analytics, thêm tính năng load không đồng bộGoogle Analytics là dịch vụ theo dõi lượng truy cậpwebsite miễn phí được sử dụng rộng rãi nhất hiệnnay. Tuy vậy, code của Google Analytics thường làmwebsite load chậm, cho dù có đặt nó ở cuối cùng củatrang web (ngay trước thẻ đóng body). Nắm đượcđiểm yếu này, Google đã nâng cấp code củaAnalytics, bổ sung tính năng load không đồng bộ(kiểu như ajax), nhằm nâng cao tốc độ load trang.Để sử dụng bản mới nhất của Google Analytics, chỉcần làm theo hướng dẫn sau:Trước tiên, xóa toàn bộ code Analytics cũ đi, sau đóchèn đoạn code sau vào ngay sau thẻ mở body ():// _gaq.push([_setAccount, UA-XXXXX-X]);_gaq.push([_trackPageview]);(function() {var ga =document.createElement(script);ga.type = text/javascript;ga.async = true;ga.src = (https: ==document.location.protocol ?https://ssl : http://www) +.google-analytics.com/ga.js;(document.getElementsByTagName(head)[0] ||document.getElementsByTagName(body)[0]).appendChild(ga);})();// ]]>Nhớ thay biến UA-XXXXX-X bằng ID tương ứngcủa website của bạn là được.Trong đoạn code này, có 1 điểm thú vị là Googlekhuyên người dùng chèn đoạn code đó vào ngay sauthẻ mở body (), trong khi những hướng dẫn về tối ưutốc độ load lại khuyên chèn vào ngay trước thẻ đóngbody (). Lý giải cho điều này, Google có nói:One of the main advantages of the asynchronoussnippet is that you can position it at the top of theHTML document. This increases the likelihood thatthe tracking beacon will be sent before the userleaves the page. Weve determined that on mostpages, the optimal location for the asynchronoussnippet is at the top of the section. While it iscustomary to place JavaScript code in the section,placing the asynchronous snippet there may trigger aparsing bug in Internet Explorer 6 and 7 on somepages. The easiest solution to this problem is to placeit at the top of the section.Theo đó, có thể thấy 2 điểm:Thứ nhất: đoạn code trên không được phép chèn vàotrong thẻ head, nguyên nhân là nó gây ra lỗi đối vớiIE6 và IE7. Thực ra, đó chính là lỗi OperationAborted của IE.Thứ hai: đoạn code đó được khuyên đặt ở đầu trangnhằm đảm bảo rằng lượt truy cập của người dùng sẽđược theo dõi, thậm chí trước cả khi người đó rờitrang web. Phải biết là nhiều người vừa mở trang webra, thấy không vừa mắt là đã tắt đi rồi, trước cả lúc nóđược load xong.Ngoài ra còn phải chú ý 1 điểm nhỏ nữa là do đây làđoạn code không đồng bộ, nghĩa là việc load codeAnalytics sẽ được tiến hành độc lập với việc loadtrang, cho nên hầu như nó sẽ không làm ảnh hưởngtới việc load trang web. Cũng lưu ý là dù cho Googlecó khuyên đặt ở ngay trước thẻ mở body, bạn vẫn cóquyền đặt nó ở cuối trang, trước thẻ đóng body ;)).