Thứ Năm, 24 tháng 2, 2011

Có một số blogger đã đăng ký xong một số mạng quảng cáo như adnet.vn hay 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. 


Cũng giống như các yếu tố khác của trang web của bạn như hình và ảnh, bạn có thể thay đổi vị trí của quảng cáo Google bằng cách sử dụng các thẻ HTML.

Ví dụ: nếu bạn đặt mã quảng cáo AdSense trong các thẻ <div align="center"> and </div>, thì đơn vị quảng cáo sẽ được canh giữa trên trang web của bạn. Bạn cũng có thể đặt toàn bộ nội dung trang của bạn vào một bảng HTML và thay đổi vị trí của đơn vị quảng cáo bằng cách đặt nó trong một ô cụ thể của bảng đó.
image
Trong bài viết này tôi xin chỉ dẫn cho các blogger cách thức chèn mà quảng cáo vào các vị trí trên web blog.

Thông thường mã quảng cáo có dạng 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 chuyển đổi mã bằng  nhờ Ad-code-converter . Sau khi convert mã CODE  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.

  Có 4 vị trí tối ưu khi chèn mã quảng cáo:

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. 


(Tham khảo từ Anh Võ )


Chèn code quảng cáo vào giữa bài viết.
- Trên thực tế nếu chỉ đơn thuần chèn code quảng cáo vào bài viết thì ta chỉ có thể chèn vào trước hoặc sau bài viết, còn chèn vào giữa bài viết thì không thể. Nếu muốn chèn vào giữa bài viết thì phải dùng tới 1 đoạn javascript nhỏ.
- Tuy nhiên phương pháp chèn code quảng cáo vào giữa bài viết này không phải tự động hoàn toàn, đoạn javascript chỉ có tác dụng thay thế code quảng cáo mỗi khi ta soạn thảo bài viết mới. Do vậy khi bạn thực hiện thủ thuật này, chỉ với các bài viết mà ta chèn đoạn code quảng cáo thay thế vào bài viết thì nó mới hiển thị vào giữa bài viết, còn các bài viết không có đoạn code thay thế này nó sẽ hiện ở phía trên cùng.
- Mở rộng ra ta có thể gọi thủ thuật này là chèn code quảng cáo vào bất kì vị trí nào trong bài viết.


Hình ảnh minh họa:
Với bài viết có đoạn code thay thế:



Với bài viết có không đoạn code thay thế:



☼ Bây giờ ta bắt đầu:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Nhấp chọn "Mở rộng mẫu tiện ích"
4. Tìm đoạn code sau:
<data:post.body/>


5. Thay thế nó bằng đoạn code bên dưới:


<div expr:id='"aim1" + data:post.id'></div>


<div style="clear:both; margin:10px 0">


{Đoạn code của quảng cáo - Lưu ý là đoạn code quảng cáo phải được mã hóa(tức là chuyển các kí tự đặc biệt thành các chuỗi thay thế) trước khi dán vào đây}


</div>


<div expr:id='"aim2" + data:post.id'>


<data:post.body/>


</div>


<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- ads-code --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>


5. Save template.


- Nếu thực hiện được tới đây thì code quảng cáo hiển thị được, nhưng sẽ không phải là ở giữa bài viết mà ở đầu bài viết. Muốn nó hiển thị ở giữa bài viết thì ta phải thực hiện thêm 1 bước, đó là chèn đoạn code thay thế đoạn mã quảng cáo vào vị trí giữa bài viết mỗi khi bạn soạn thảo bài viết.
- Và đây là đoạn code thay thế :
<!-- ads-code -->


Hãy dán code thay thế này tại vị trí bạn muốn hiển thị trong bài viết mỗi khi soạn thảo. Và nếu muốn các bài viết cũ cũng hiển thị được thì bạn phải thêm đoạn code thay thế này vào tất cả các bài viết đó. Và đây chính là công đoạn thủ công của thủ thuật.


tham khảo từ anshuldudeja

Tagged:

0 nhận xét:

Đăng nhận xét