Dịch vụ nâng cấp, sửa lỗi, tối ưu, thiết kế blogspot

Trì hoãn tải thư viện ADS Google Adsense

Trì hoãn tải thư viện ADS Google Adsense

Cập nhật ngày Bởi
Bài viết này mình hướng dẫn các bạn cách Trì hoãn tải thư viện ADS Google Adsense, để tăng tốc độ load trang, giúp tăng điểm PageSpeed Insights, tăng điểm Lighthouse.

Trì hoãn tải thư viện ADS Google Adsense

Nếu như blogspot của các bạn hoặc trang web đang kiếm tiền thu nhập hằng ngày với số tiền lớn thì các bạn không nên áp dụng cách này, cứ để mặc định tự nhiên nhé.

Còn blogspot hoặc trang web của các bạn với số lượng traffic lẹt tẹt mà vẫn treo ADS Adsense lên cho đẹp thì nên áp dụng cách này, không ảnh hưởng đến tốc độ load trang mà vẫn có ADS treo cho vui.

Đầu tiên thì các bạn xóa thư viện JS mặc định của Google Adsense cung cấp có dạng như dưới


<script async='async' data-ad-client='ca-pub-1234567890' src='https://ift.tt/2Cu8AV2>

Ở đây Google Adsense cũng trì hoãn khi thêm async='async' nhưng nó vẫn chưa được tối ưu, vì ads vẫn load cùng trang, khiến trang nặng và mất nhiều thời gian để tải xong trang.

Sau khi xóa hết thư viên kiểu như trên thì các bạn copy đoạn code bên dưới dán trước thẻ đóng </body>


<script>
  window.addEventListener('load', function() {
    var is_load = 0

    function loadads() {
      if (is_load == 0) {
        is_load = 1
        var an = document.createElement('script')
        an.async = true;
        an.src = 'https://ift.tt/1os04s5'
        var sc = document.getElementsByTagName('script')[0]
        sc.parentNode.insertBefore(an, sc);
        (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-1252521092276733",
          enable_page_level_ads: true
        });
      }
    }
    window.addEventListener('scroll', function() {
      loadads()
    })
  })
</script>

Sau đó bạn thay ID của tài khoản Google Adsense của các bạn vô ID trong đoạn code bên trên, nó là "ca-pub-1252521092276733".

Khi bạn tạo và lấy mã đơn vị quảng cáo thì không cần copy đoạn thư viện JS.

Sau đó bạn lưu lại là xong.

Đoạn code này được tùy biến là khi ai đó truy cập trang của bạn, và người đó có tương tác bằng cách là cuộn trang thì ADS mới bắt đầu load và hiển thị.

Như vậy là xong bạn đã Trì hoãn tải thư viện ADS Google Adsense, các bạn có thể test trực tiếp trên website này của mình.


Nhận xét