Blog iTeam OS
Trang chủ
Blogspot Tips

Cách thêm Lazy Load Google Analytics cho Blogger

Cách thêm Lazy Load Google Analytics trong Blogger và Cách tăng tốc độ tải blogs bằng cách cài đặt Lazyload Google Analytics trong trang web Blogger

Bạn có muốn thêm Lazy Load Google Analytics trong Blogger không? Hãy làm theo các bước dưới đây một cách cẩn thận để thêm Lazy Load Google Analytics trong Blogger và tận hưởng một trang web nhanh như chớp, trước tiên hãy để chúng tôi hiểu về Lazy Load là gì và cách nó làm tăng tốc độ của một trang web.

Lazy Load là gì?

Lazy Loading là một cách thường được sử dụng để làm cho trang web tải nhanh hơn bằng cách tải hình ảnh và video sau khi trang web đầy đủ được tải. Nếu bạn sử dụng Lazy loading trên trang web của mình, chỉ những hình ảnh ở trên mới được tải, Khi người dùng cuộn trang, Phần còn lại của những hình ảnh sẽ được tải.

Từ góc độ kỹ thuật, Lazy Loading hoạt động tốt hơn đối với JavaScript kiểm tra chế độ xem hiện tại của khách truy cập và chỉ tải những hình ảnh hiển thị cho họ.

Lazy Load chỉ có tác dụng khi nhiều khách truy cập tiếp cận hình ảnh của bạn hoặc họ cuộn xuống trang. Nếu họ không truy cập hình ảnh, chúng không cần phải được tải.

Lazy Load là một tập lệnh được nhập vào mã của trang, do đó các tệp hình ảnh và video không được tải ngay khi người dùng mở trang, nhưng chúng bắt đầu mở khi người dùng đang ở trong phần đó của trang web. Nơi đặt ảnh hoặc video.

Ngoài ra, trang web tải rất nhanh vì Lazy Load và đồng thời mang lại sự hài lòng cho khách hàng. Loại kịch bản lập trình này trực tiếp hữu ích trong việc cải thiện tốc độ tải trang web và làm cho trang web có nhiều khả năng người dùng ở lại trang web đó hơn và kết quả là tỷ lệ chuyển đổi tăng lên.

Điều này giúp tiết kiệm băng thông cho người dùng vì họ không phải tải xuống tất cả hình ảnh của bạn; Ngoài ra, người dùng có thể duyệt trang web của bạn nhanh hơn nhiều.

Lazy Load là một cách tuyệt vời để tối ưu hóa cả hiệu suất cảm nhận và thực tế.

Tác dụng của Lazy Loading đối với Seo là gì?

Google luôn khuyên các nhà xuất bản tăng tốc độ trang web của họ. Họ luôn phát hành nhiều công cụ và bài viết để giúp chủ sở hữu trang web cải thiện tốc độ trang web của họ. Để cải thiện tốc độ của trang web, Google khuyên bạn nên trì hoãn việc tải hình ảnh ngoài màn hình.

Điều này có thể làm được với việc sử dụng Kỹ thuật tải lười biếng (Lazy Loading Technique). Bởi vì hình ảnh thường là phần lớn nhất của trang web và nó có ảnh hưởng lớn đến tốc độ và SEO của một trang web.

Nói chung, Google luôn áp dụng tính bảo mật liên quan đến các yếu tố xếp hạng. Tuy nhiên, khi nói đến tốc độ của một trang web, Google đã tuyên bố công khai rằng tốc độ trang web là một yếu tố xếp hạng cho tìm kiếm trên thiết bị di động. Công nghệ Lazy Load là một tập lệnh hữu ích để làm cho các trang web tải nhanh hơn trên thiết bị di động.

Google Analytics ảnh hưởng đến tốc độ trang như thế nào?

Google Analytics là một công cụ theo dõi miễn phí của Google và nó cung cấp cho bạn thông tin đầy đủ về cách khách truy cập sử dụng trang web của bạn.

Tuy nhiên, nó có thể làm chậm thời gian tải blog của bạn nếu nó không được triển khai đúng cách. Nói chung, Google Analytics thêm tối đa 3 yêu cầu HTTP và mất khoảng 100 mili giây đến 500 mili giây.

Bạn có thể dễ dàng tiết kiệm thời gian này bằng cách trì hoãn việc tải mã Analytics.

Bạn có biết bạn có thể cải thiện trang tải nhanh hơn 100 mili giây bằng cách đặt mã phân tích vào Chân trang thay vì đầu trang. Nó có thể giải quyết loại bỏ lỗi Javascript chặn hiển thị PageSpeed và lỗi nội dung trong màn hình đầu tiên.

Tuy nhiên, bạn có thể cải thiện hơn nữa tốc độ trang bằng cách tải xuống mã phân tích trong trang web của mình.

Cách thêm Lazy Load Google Analytics trong Blogger

  1. Đầu tiên, bạn cần truy cập trang tổng quan Blogger, tức là Blogger.com.
  2. Chuyển đến Phần Chủ đề và Nhấp vào Chỉnh sửa Nút HTML.
  3. Tìm mã Google Analytics cũ nếu có và xóa mã đó.

    4. Mã Google Analytics sẽ giống như sau:

    <script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxx-x'/>
<script>
//<![CDATA[
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config','UA-xxxxxxx-x');
//]]>
</script>
  4. Thay thế <script async src=”https://www.googletagmanager.com/gtag/js?id=UA-*********-*”></script> trong mã Google Analytics của bạn với Mã bên dưới:
    5. <script type='text/javascript'>
//<![CDATA[
var lazyanalisis=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalisis||0!=document.body.scrollTop&&!1===lazyanalisis)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxx-x";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalisis=!0)},!0);
//]]>
</script>
  5. Tại đây, hãy thay thế mã theo dõi (được đánh dấu) trong cả hai mã và dán nó ngay phía trên thẻ </body>.

    6. Mã cuối cùng của bạn sẽ trông như thế này, thay vì thay thế các mã trên, chỉ cần thay đổi Mã theo dõi trong thẻ bên dưới bằng mã của bạn và dán trước thẻ </body>.

    <!-- Global site tag (gtag.js) - Google Analytics -->
<script type='text/javascript'>//<![CDATA[
var lazyanalisis=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalisis||0!=document.body.scrollTop&&!1===lazyanalisis)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-*********-*";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalisis=!0)},!0);
//]]></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-*********-*');
</script>
  6. Trong mã trên, hãy thay đổi Mã theo dõi UA-*********-* với mã theo dõi Google Analytics của bạn.

GHI CHÚ: Hãy nhớ thay thế phần được đánh dấu bằng Id Theo dõi Google Analytics của bạn.

Nhược điểm của Lazy Load Google Analytics

Nó rõ ràng sẽ loại trừ tất cả người dùng đóng trình duyệt của họ trước khi bạn cố tình trì hoãn. Vì vậy, số đếm sẽ bị sai. Và điều này sẽ ảnh hưởng đáng kể đến số "bounce rate" (tỷ lệ thoát) được báo cáo trong Google Analytics. Tôi khuyên bạn không nên cố gắng cải thiện thời gian tải trang của Google Analytics. Google đã đầu tư đáng kể vào việc cố gắng tối ưu hóa điều đó. Và mọi trang web sử dụng Google Analytics đều bị phạt thời gian tải như nhau.

Vì vậy, đó là một sân chơi bình đẳng. Chỉ cần làm theo các phương pháp hay nhất của họ để biết vị trí đặt đoạn mã và tìm kiếm các cơ hội khác để cải thiện thời gian tải trang.

Lời kết

Vừa rồi, Chun Productions đã Hướng dẫn Cách thêm Google Analytics sử dụng Lazy Load trong Blogger. Nếu như có bất kì thắc mắc nào vui lòng comment bên dưới để được giải đáp nhé. Hy vọng bài viết này có ích với bạn, chúc bạn luôn thành công!

Truy cập Bypass Google Account APK để tải file APK nhé