Chèn ads vào vị trí các bài viết ở trang chủ blog

Hướng dẫn các bạn cách chèn ads vào vị trí các bài viết ở trang chủ của blogspot, mình có thể tự chọn vị trí muốn ads hiển thị, giúp tối ưu được quảng cáo tới người dùng truy cập.

Đầu tiên thì còn phụ thuộc vô từng template, ở đây có 2 dạng là grid và row

Mỗi ADS được tính như bài viết, vì vậy các bạn chỉnh số lượng hiển thị bài viết cho phù hợp ở dạng grid.

Các bạn xác định kích thước cho phù hợp với từng bài viết. Sau đó vô Adsense tạo 1 mã quảng cáo chọn đúng kích thước hoặc nhỏ hơn kích thước của bài viết ở trang chủ.

Chèn ads vào vị trí các bài viết ở trang chủ blog

Các bạn tạo lấy mã, tiếp theo các bạn vô chỉnh sửa HTML của template

Tìm kiếm thẻ có tên là postCommentsAndAd nó có 2 vị trí, các ban tìm vị trí đầu tiên nó nằm trong thẻ <b:includable id='main' var='this'>

Tiếp theo các bạn sửa vòng lặp <b:loop index='i' values='data:posts' var='post'> như sau

Nếu muốn ADS hiển thị sau vị trí thứ 3 của bài viết:

<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd' />
<b:if cond='data:i == 2'>
Mã ADS
</b:if>
</b:loop>

Tương tự các vị trí khác

Nếu muốn ADS hiển thị sau nhiều vị trí khác nhau

<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd' />
<b:if cond='data:i in [0,4,8]'>
Mã ADS
</b:if>
</b:loop>

Các vị trí ADS sẽ xuất hiện là sau 0, 4 ,8

Còn lại là dành cho bạn căn chỉnh lại CSS cho phù hợp, có thể thêm thẻ <div> ... </div> bên ngoài mã ADS cho giống bài viết.

Demo trên trang chủ của mình.