Tạo đơn vị quảng cáo đáp ứng cho giao diện responsive

Adsense cho giao diện responsive

Mấy hôm vừa qua có nhiều bạn muốn Jam viết bài hướng dẫn thiết kế quảng cáo adsense cho giao diện responsive, sau đây mình xin chia sẻ vài thông tin liên quan giúp các bạn có thể tự cài đặt quảng cáo cho blog của mình nhé:

* Đảm bảo thẻ div bao quanh adsense của bạn đang hoạt động và hiển thị trên cả máy tính và di động.

Đảm bảo rằng bạn đã tạo đơn vị quảng cáo dưới dạng đáp ứng của adsense, đây là thẻ bao quanh quảng cáo có kích thước là AUTO của adsense:

Tạo đơn vị quảng cáo đáp ứng cho giao diện responsive
Tạo đơn vị quảng cáo đáp ứng cho giao diện responsive

Thông thường theo như thiết kế của bạn, các thẻ chứa quảng cáo sẽ tự động co lại theo kích thước màn hình, hoặc ẩn, điều này không vi phạm vào chính sách của Google, tuy nhiên bạn cần cẩn thận hơn, hãy lưu ý: adsense không cho phép bạn đặt vào các thẻ ẩn, vì thế hãy tạo các thẻ div chứa quảng cáo cũng tự động resize và không ẩn khi co màn hình lại.

Code ví dụ khi tạo đơn vị đáp ứng quảng cáo:

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

Theo như kinh nghiệm của tôi thì cứ lấy thẻ div ngang trên cùng và dưới bài đăng làm đơn vị quảng cáo đáp ứng, như vậy bạn có thể hiển thị trên cả máy tính và thiết bị di động !

Chúc các bạn thành công !

TÁC GIẢ:

Tôi là Jam, thâm niên 7 năm thiết kế website và làm SEO. Hãy theo dõi blog của tôi để nhận được nhiều chia sẻ thú vị xung quanh chủ đề công nghệ.

Có 18 bình luận !

          1. Theo bác Jam là chết, bác ấy chỉ mới thí nghiệm. Bác ấy không chỉ muốn thí nghiệm một mình mà còn muốn lôi kéo anh em cùng thí nghiệm 😀

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *