Tối ưu hóa quảng cáo Google Adsense theo chế độ Responsive

Google AdSense đã chính chấp nhậnhiển thị quảng cáo với chế độ Responsive và điều đó có nghĩa là bạn có thể đặt quảng cáo kích thước khác nhau tương ứng với kích thước màn hình trình duyệt của thiết bị của khách truy cập vào trang web Responsive



Lấy code quảng cáo google Adsence chế độ Responsive

Mở bảng điều khiển google AdSense của bạn và tiến hành tạo đơn vị quảng cáo mới đặt kích thước là quảng cáo Responsive Ad Unit tiếp theo nhấn vào lưu và nhận mã quảng cáo để tạo ra mã JavaScript cho quảng cáo Google AdSense Responsive của bạn. Mã mặc định là một cái gì đó như thế này:

Code:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-12345"
data-ad-slot="xxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Đặt quảng cáo google Adsence chế độ Responsive

Ngoài việc để google adsence quyết định kích thước quảng cáo trên trang web bạn thì bạn cũng có thể tự quyết định quảng cáo hiển thị như nào với kích thước màn hình khác nhau bằng cách sử dụng đoạn mã tùy chỉnh sau của google adsence.

Code:

<div id="google-ads-1"></div>
<script type="text/javascript">
/* Calculate the width of available ad space */
ad = document.getElementById('google-ads-1');
if (ad.getBoundingClientRect().width) {
adWidth = ad.getBoundingClientRect().width; // for modern browsers
} else {
adWidth = ad.offsetWidth; // for old IE
}
/* Replace ca-pub-XXX with your AdSense Publisher ID */
google_ad_client = "ca-pub-XXX";
/* Replace 1234567890 with the AdSense Ad Slot ID */
google_ad_slot = "1234567890";
/* Do not change anything after this line */
if ( adWidth >= 728 )
google_ad_size = ["728", "90"]; /* Leaderboard 728x90 */
else if ( adWidth >= 468 )
google_ad_size = ["468", "60"]; /* Banner (468 x 60) */
else if ( adWidth >= 336 )
google_ad_size = ["336", "280"]; /* Large Rectangle (336 x 280) */
else if ( adWidth >= 300 )
google_ad_size = ["300", "250"]; /* Medium Rectangle (300 x 250) */
else if ( adWidth >= 250 )
google_ad_size = ["250", "250"]; /* Square (250 x 250) */
else if ( adWidth >= 200 )
google_ad_size = ["200", "200"]; /* Small Square (200 x 200) */
else if ( adWidth >= 180 )
google_ad_size = ["180", "150"]; /* Small Rectangle (180 x 150) */
else
google_ad_size = ["125", "125"]; /* Button (125 x 125) */
document.write (
'<ins class="adsbygoogle" style="display:inline-block;width:'
+ google_ad_size[0] + 'px;height:'
+ google_ad_size[1] + 'px" data-ad-client="'
+ google_ad_client + '" data-ad-slot="'
+ google_ad_slot + '"></ins>'
);
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="[URL]http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js[/URL]">
</script>

Tiếp đến là truy cập vào google adsence và tạo ra một đơn vị quảng cáo mới hoặc sử dụng một trong những đơn vị quảng cáo hiện tại của bạn. Hãy ghi nhớ ID của đơn vị quảng cáo của bạn và cũng ID Nhà xuất bản AdSense của bạn và dán các giá trị trong dòng trên sao cho phù hợp với quảng cáo của bạn.

Cuối cùng là đặt code vào vị trí mong muốn trên website của bạn và kiểm tra xem nó có hoạt động đúng theo ý bạn không.

Chúc Thành Công và Quyết thắng

P/S: nguồn internet.