Hướng dẫn cách chèn quảng cáo trên các vị trí bài đăng

sau đây là một cách kiếm tiền phổ biến cho các blog chuyên nghiệp

Có một số blogger đã đăng ký xong mạng quảng cáo Adsense của Google, có code rồi, tuy nhiên không biết chèn thế nào vào blog. Thực ra nói tới việc chèn sẽ nảy sinh ra hàng loạt trường hợp là chèn ở đâu,
chèn vào tất cả các bài khi user mở Label hay chỉ chèn vào một bài viết. Chèn quảng cáo có float (style động) hay không. Bài viết dưới đây trình bày tương đối đầy đủ các kiểu chèn Code nhưng chỉ cho dạng Item (một bài nào đó được mở), trường hợp các trang label không đề cập ở đây. Và bài này cũng chỉ hướng dẫn cho các blogger đang dùng Layout Template.

* Adsense chỉ là một ví dụ, bạn có thể chèn bất cứ mạng quảng cáo nào, mọi thứ rất tương tự.

Giả sử bạn có mã Adsense như sau:

<script type="text/javascript"><!--
google_ad_client = "pub-xxx";
//468x60, created 1/4/08
google_ad_slot = "6307774390";
google_ad_width = 468;
google_ad_height = 60;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Trước khi chèn bạn phải đổi một số kí hiệu trong code sau: (sửa một cách chính xác nhé, không được thừa bất thiếu bất cứ thứ gì, kể cả khoảng trắng)

< thành &lt;
> thành &gt;
" thành &quot;

Sau khi sửa xong bạn nhận được một đoạn code Adsense mới (gọi tắt là ABC chẳng hạn) không có các thẻ mở, đóng và ngoặc kép trong mã. Ta sử dụng mã mới này để chèn vào template. Xin nhắc trước một lần điều rất quan trọng là trước khi thao tác với templates, bạn phải sao lưu nó về máy đề phòng bất trắc.

4 vị trí thường gặp của Adsense:

1. Các banner dài, 468x60, 236x60... chèn trên đầu bài (nhưng dưới tiêu đề):



Để chèn vào vị trí như trên, làm như sau: Tìm đến dòng

<div class='post-header-line-1'/>

và chèn vào "ngay bên dưới" nó mã này:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>

ABC

</p>
</b:if>

2. Các banner dài, chèn vào dưới cuối bài viết:



Để chèn vào vị trí như trên, làm như sau: Tìm đến đoạn mã dạng na ná như sau:

<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/>
</div>

(tại sao lại na ná? Vì có thể bạn đã chèn các link read more nên code có thể không còn nguyên vẹn như trước nữa)
và chèn đoạn mã này vào ngay dưới thẻ đóng /DIV cuối:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>

ABC

</p>
</b:if>

3.Float trái (dồn trái): quảng cáo hiện ngang với text nhưng dồn về bên trái. Cách chèn này tiện lợi với các mẫu cỡ vuông hoặc không quá chênh lệch dài rộng.



Cách chèn: làm y chang bước 1, nhưng thêm code màu đỏ ( style='float:left' )vào như sau:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:left'>

ABC

</p>
</b:if>

4.Float phải:



Cách chèn: làm y chang bước 1, nhưng thêm code màu đỏ ( style='float:right' )vào như sau:

<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:right'>

ABC

</p>
</b:if>

Còn một số thủ thuật chèn quảng cáo có điều kiện như "không hiện quảng cáo ở trang chủ", "đổi ngẫu nhiên giữa 2 quảng cáo",... nhưng có lẽ phải trình bày ở 1 dịp khác. Chúc bạn chèn thành công quảng cáo vào blog của mình.




Theo Vietwedguide