Trang chủ
Blogspot Tips

Hướng dẫn đưa Google Adsense vào Blogspot

Hướng dẫn này hữu ích để giảm tải tập lệnh adsbygoogle.js sau khi tất cả nội dung được tải hoàn hảo và để không có sự lặp lại của việc viết tập lệnh.

Bạn có thể chọn áp dụng hoặc sử dụng phương pháp tiêu chuẩn đã được Google Adsense đặt ra.

Kích hoạt Adsense Script

Chúng tôi đã chuẩn bị hai cách để kích hoạt tập lệnh Adsense trên blog của bạn, sử dụng tập lệnh chuẩn hoặc với Adsense lười biếng, hãy chọn cách nào có lợi hơn cho blog của bạn.

Code Script chuẩn
  1. Trên trang tổng quan Blogger, nhấp vào Chủ đề
  2. nhấp vào biểu tượng trên biểu tượng Tùy chỉnh
  3. chọn Chỉnh sửa HTML, bạn sẽ được chuyển đến trang chỉnh sửa.

Mã đầu tiên nằm trước thẻ </head> đầy đủ, bạn sẽ tìm thấy mã như sau:

<!--[ Defer Adsense script use shinsenter/defer.js ]-->
<!--<script type='deferjs' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000' crossorigin='anonymous'/>-->

Chúng tôi đã thêm hàm defer.js vào tập lệnh ở trên, hàm này rất hữu ích để trì hoãn việc tải tập lệnh sau khi tất cả nội dung blog được tải, đoạn mã trên cũng dùng để thêm Quảng cáo tự động vào blog của bạn. Kích hoạt mã bằng cách xóa thẻ nhận xét <!-- --> và thay đổi ID Adsense của bạn.

Mã tập lệnh LazyAdsense

Tập lệnh này sẽ tải quảng cáo sau khi người dùng thực hiện lần cuộn đầu tiên, ưu điểm của tập lệnh này sẽ không ảnh hưởng đến điểm Pagespeed của blog.

<!--[ Lazy adsense Script with auto ads ]-->
<!--<script>/*<![CDATA[*/ var lazyadsense = false; window.addEventListener('scroll', function(){if (( ... )) { (function() { var ad = ... ad.setAttribute('crossorigin','anonymous'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000'; var sc = ... })(); lazyadsense = true; }}, true); /*]]>*/</script>-->

Mã trên nằm trước thẻ </body>, hãy kích hoạt và thay thế ID Adsense của bạn trong tập lệnh.

Thêm đơn vị quảng cáo

Thông thường sau khi thêm một đơn vị quảng cáo, bạn sẽ nhận được một đoạn mã như bên dưới:

<script async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Bởi vì tập lệnh adsbygoogle.js đã được kích hoạt trước đó, bạn không cần phải viết tập lệnh đó trong mọi đơn vị quảng cáo mà bạn thêm vào. Bạn chỉ cần viết mã như thế này:

<ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Người dùng AMP và Cách kích hoạt Quảng cáo tự động AMP

Chúng tôi đã thêm tập lệnh amp-ad-0.1.js vào mẫu để bạn có thể thêm trực tiếp quảng cáo vào blog của mình.

Để kích hoạt Quảng cáo Tự động, bạn có thể tìm kiếm mã như mã bên dưới trong mẫu, mã này nằm trong phần <head>

<!--<script async='async' custom-element='amp-auto-ads' src='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js'/>-->

Sau đó, tìm mã như bên dưới và thay thế ID AdSense được liệt kê bằng mã của bạn.

<!--[ Adsense script placement ]-->
<!--<amp-auto-ads type='adsense' data-ad-client='ca-pub-0000000000000000'/>-->

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