Quay về Bạn đang ở trang: Home Kiến thức phổ thông Tin học Blog Cách chỉnh để hiển thị quảng cáo trên giao diện Mobile trên Blogspot

Cách chỉnh để hiển thị quảng cáo trên giao diện Mobile trên Blogspot

Được đăng ngày Thứ ba, 12 Tháng 7 2016 19:00
loading...

Chia sẻ bài viết của bạn qua:

- Cách tùy chỉnh hiển thị quảng cáo trên giao diện Mobile trên Blogspot.  Kích thước quảng cáo nội dung của Google Adsense phần lớn cố định ở các kích thước, như 326x280, 720x90, 300x250 ..

 Những kích thước quảng cáo này nếu được đặt lên 1 website có  hiển thị trên mobile thì sẽ bị tràn ra ngoài màn hình hay bị các thành phần khác che mất và vi phạm chính sách của Google Adsense. 

Giải pháp đã được Google Adsense  đặt ra  tương thích cho tất cả các kích thước màn hình. Tuy nhiên, thật sự không thấy có sự hữu dụng lắm, tùy chỉnh hiện quảng cáo trên giao diện mobile vẫn là giải pháp hữu hiệu hơn.

Cách tùy chỉnh quảng cáo Adsense trên giao diện mobile cho Blogspot

Code như sau

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- quang_cao _mobile -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-xxxxxxxxxxxxx"
     data-ad-slot="XXXXX-XXXXX-XXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</b:if>

Trong đó:

Đoạn code màu xanh là code quảng cáo Adsense có kích thước tốt với giao diện mobile

Còn đoạn code if bên ngoài, là code chỉ hiển thị trên giao diện Mobile, đổi true thành false thì hiển thị trên tất cả các giao diện, trừ mobile.

Hy vọng, với giải pháp này, bạn sẽ có thể hoàn thành việc tăng thu nhập từ quảng cáo mobile của bạn

Nguồn: Sáng kiến kinh nghiệm hay

Chia sẻ bài viết của bạn qua:

loading...
loading...