Thêm mã Adsense cho blogspot không làm ảnh hưởng tới tốc độ tải trang

byChia Sẻ - Kết Nối •
0
Cách thêm mã Adsense cho blogspot mới nhất không làm ảnh hưởng tới tốc độ tải trang, không bị cảnh báo ở trang PageSpeed Insights.

Cách làm này là chỉ khi các bạn vô trang blogspot, các bạn cuộn trang thì ads của adsense mới hiển thị.

Bước 1 : Xóa hết mã Script của Adsense đi. Ví dụ code có dạng như sau :
<script async='async' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>

Bước 2 : Bạn copy đoạn code này đặt dưới thẻ <head>
<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://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
                var sc = document.getElementsByTagName('script')[0]
                sc.parentNode.insertBefore(an, sc);
                    (adsbygoogle = window.adsbygoogle || []).push({
                        google_ad_client: "ca-pub-7114465308034526",
                        enable_page_level_ads: true
                    });
            }
        }
        window.addEventListener('scroll', function() {
            loadads()
        })
    })
</script>

Bước 3 : Các bạn thay ID Adsense chỗ mình bôi đỏ ca-pub-7114465308034526 thành ID Adsense của bạn và lưu lại. Khi tạo mã quảng cáo trong Adsense thì bạn xóa code link script đi vì link script của adsense đã có trong đoạn code bên trên làm chung cho tất cả các mã khác.

Ví dụ : Khi bạn tạo một đơn vị quảng cáo trong Adsense có dạng như sau
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ads -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-83931276xxxxxxxx"
     data-ad-slot="1050693103"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
Các bạn xóa đoạn script màu đỏ bên trên đi chỉ lấy từ thẻ <ins class="adsbygoogle"> đến hết thui nhé.

Vậy là xong rùi đấy.Chúc bạn thành công!
Tags:

Đăng nhận xét

Mới hơn Cũ hơn