Chèn quảng cáo Google Adsense tự động vào giữa bài viết

Tiêu đề trên đúng hơn phải là “Đặt quảng cáo Adsense tự động sau thẻ Readmore (dấu ngắt trang) của Blogspot” và đương nhiên mình đang sử dụng cách này để chèn quảng
cáo vào giữa bài viết cho Blog của mình.  Đây là cách đặt quảng cáo vào giữa bài viết cho Blogspot tối ưu nhất – nhanh nhất – gọn lẹ nhất hiện nay.
Quảng cáo giữa bài viết: Mặc dù điều này có thể gây ra trải nghiệm xấu cho người đọc, nhưng nếu mục tiêu của bạn là dành phần lớn thời gian để kiếm tiền từ Blog/Website và tăng thu nhập Adsense thì thủ thuật này có vẻ sẽ mang lại tác dụng rất lớn. Bạn có thể dễ dàng cấu hình quảng cáo Adsense cho phù hợp với nền, màu sắc của Blog/Website và thêm các quảng cáo kích thước 300 x 250 hoặc 468 x 60 hoặc text links vào giữa bài viết.

☼ Bắt đầu thủ thuật

Bước 1: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ<head>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ <head>.




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#hoangphong&#39;).html());
$(&#39;#hoangphong&#39;).html(&#39;&#39;);

});
</script>  

Bước 2: Tiếp tục nhấn tổ hợp phím Ctrl + F và tìm đến thẻ <data:post.body/>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ <data:post.body/>.
2.1 - Nếu bạn muốn quảng cáo nằm giữa đoạn văn của bài viết thì chèn đoạn code sau:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">
<div id='hoangphong'>
<center>
Dán code quảng cáo ADSENSE vào đây 
</center>
</div>
</div>  
</b:if 
2.2 - Nếu bạn muốn quảng cáo nằm bên trái đoạn văn của bài viết thì chèn đoạn code sau:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">
<div id='hoangphong'>
<div style='float:left; margin-right:15px'>
<div id='Google-AdSense' style='width:300px; margin:0 auto;'>
Dán code quảng cáo ADSENSE vào đây
</div> </div> </div>
</div> </b:if 


Chú ý: <data:post.body/> thường có 2 hoặc 3 đoạn như thế này nhưng chỉ có một đoạn hoạt được nên các bạn kiên nhẫn thử từng đoạn nhé !

☼ Tùy chỉnh

·   Nếu Blog bạn đã có thư viện JQuery thì bỏ đoạn Code màu xanh đi để tránh hiện tượng xung đột Code.

·   Nếu bạn muốn hiển thị quảng cáo ở cả hai nơi tức là dưới thẻ <!--more--> và cũng có thể ở cuối bài thì xóa các mã được đánh dấu màu vàng. Đồng thời xóa các đoạn mã được đánh dấu màu vàng ở cácBước 2 đi.
☼ Lưu ý
Bạn sẽ thường xuyên gặp lỗi như thế này:
Attribute name “async” associated with an element type “script” must be followed by the ‘ = ‘ character
Để sửa lỗi trên bạn chỉ cần thêm dòng như sau vào code: async=”async”
Ví dụ cụ thể, code Google Adsense đang như thế này: 

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
Bạn phải sửa lại thành như thế này thì khi chèn vào mới không bị lỗi:
<script async='async' src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

Nguồn : windows2it
Share on Google Plus

About Phong Võ

Tôi yêu thích công nghệ và có thể bạn cũng giống như tôi. Tôi rất vui vì đã đem lại cho bạn những kiến thức mà bạn đang cần.
    Blogger Comment
    Facebook Comment

1 nhận xét:

Ngô Duyên nói...

làm thế nào để qc hiển thị trên giao diện mobile được bạn