Hướng dẫn thêm Analytics mà không ảnh hưởng tốc độ tải trang

[olalavui]

Hướng dẫn các bạn cách thêm Analytics cho web của bạn mà không ảnh hưởng tới tốc độ tải trang. Cách làm này nó chỉ chạy khi bạn scroll chuột nó mới load js của Analytics.
Bạn nào vẫn đang dùng cách thông thường là vô trang Analytics đăng ký rồi lấy code dán vô thì nó làm cho tốc độ tải trang bị chậm, các bạn có thể kiểm tra thấy cảnh báo tại trang PageSpeed Insights hoặc ở trên trình duyệt Google Chrome các bạn nhấn F12 - Vô mục cuối cùng - Audits - Nhấn Run audits các lỗi cảnh báo sẽ xuất hiện ở 2 trang này.

Cách giải quyết để thêm Analytics cho web mà không ảnh hưởng tới tốc độ tải trang là các bạn xóa hết các mã Analytics cũ trên trang web của bạn và thay bằng mã code sau dán trước thẻ đóng </body>

<script>
    window.addEventListener('load', function() {
        var is_load = 0
        function loadanalytics() {
            if (is_load == 0) {
                is_load = 1
                var an = document.createElement('script')
                an.async = true;
                an.src = 'https://www.googletagmanager.com/gtag/js?id=UA-000000000'
                var sc = document.getElementsByTagName('script')[0]
                sc.parentNode.insertBefore(an, sc);
                window.dataLayer = window.dataLayer || [];
                function gtag() {
                    dataLayer.push(arguments);
                }
                gtag('js', new Date());
                gtag('config', 'UA-00000000');
            }
        }
        window.addEventListener('scroll', function() {
            loadanalytics()
        })
    })
</script>

Lưu ý: đoạn UA-000000000 thay bằng mã ID Analytics của bạn.
Đối với Analytics v3 là UA-000000000
Đối với Analytics v4 (mới phát hành - tiêu chuẩn mới) thì là đầu mã G-

Tút này cho ae cài code thủ công, còn plugins auto thì k tính nhé )

Hi vọng tút này sẽ hữu ích với các bạn đang muốn xanh Google PageSpeed Insights ^^!

Copy : https://www.hocvienanalytics.com/2021/02/huong-dan-them-analytics-ma-khong-anh.html

 

[tranngocthuy]

Cảm ơn bài viết của em. Không biết vì sao post 01 không có like nhỉ?

 

[olalavui]

Cảm ơn bài viết của em. Không biết vì sao post 01 không có like nhỉ?

Thế nên mới buồn cho anh em nào chia sẻ bài đầu k dc like :v

 

[Khanhdang]

cái này cài lên nó chỉ nhận trên win hay cả Mac nữa bác nhỉ

 

[olalavui]

cái này cài lên nó chỉ nhận trên win hay cả Mac nữa bác nhỉ

Cái này áp dụng cho web thì đâu phân biệt HDH đâu bác )

 

[Khanhdang]

thấy câu lệnh
window.addEventListener('scroll', function() {
loadanalytics()
tưởng chỉ nhận trên window chứ

 

[olalavui]

thấy câu lệnh
window.addEventListener('scroll', function() {
loadanalytics()
tưởng chỉ nhận trên window chứ

code JS chạy all nền tảng ) cứ như bác thì code cho Mac thì lại viết lại mac.abc à =)) linux.abc ... đẻ ra càng lắm HDH rồi yêu cầu rewrite code cho từng nền tảng là nền tảng đó dev nó bỏ ngỏ ngay =))