Làm thế nào để Chèn quảng cáo vào bên trong bài viết trên Blogspot là một vấn đề khá nan giải cho các anh em làm web trên blogspot. Để kiếm tiền từ quảng cáo Google Adsense lên web làm sao cho hiệu quả và để có thêm thu nhập thì cách chèn quảng cáo vào vị trí thích hợp là một yếu tố rất quan trọng, theo quan điểm của mình thì chèn quảng cáo vào web có 3 vị trí cực kỳ là hấp dẫn khiến người dùng có khả năng click vào quảng cáo lớn nhất đó là phần header, tiếp theo là sau title cũa từng bài viết và phần cuối cùng là chèn vào cuối cũa mỗi bài viết. Riêng về phần header nếu chúng ta chèn quảng cáo vào web thì khả năng seo và thẫm mỹ web bị ảnh hưởng khá là nhiều nên chúng ta thường ít chèn vào đó hơn, Còn 2 phàn còn lại thì chúng ta thường chèn vào mỗi web. Vậy làm sao để chèn quảng cáo google adsense vào blogspot đó là câu hỏi đặt ra cho nhiều người, hôm nay chiase9 xin hướng dẫn với các bạn cách đặt quảng cáo vào đầu và cuối của mỗi bài viết
Code chèn popup quảng cáo ở góc phải cho blogspot - góc trái màn hình web
Đầu tiên bạn phải có mã quảng cáo google adsense. Vì chúng ta chèn vào mẫu và chĩnh sữa html nên yêu cầu quảng cáo google adsense phải đồng bộ (Synchronous)
Code chèn popup quảng cáo ở góc phải cho blogspot - góc trái màn hình web
Đầu tiên bạn phải có mã quảng cáo google adsense. Vì chúng ta chèn vào mẫu và chĩnh sữa html nên yêu cầu quảng cáo google adsense phải đồng bộ (Synchronous)
Một mã quảng cáo Adsense đồng bộ thường có dạng như sau
<script type="text/javascript">
google_ad_client = "ca-pub-7527953601754016";
google_ad_slot = "7274180486";
google_ad_width = 728;
google_ad_height = 90;
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
google_ad_client = "ca-pub-7527953601754016";
google_ad_slot = "7274180486";
google_ad_width = 728;
google_ad_height = 90;
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
Chèn quảng cáo vào sau title mỗi bài viết trên blogspot
Vào Mẫu (Design) - Chỉnh sửa HTML (Edit HTML) - Chọn Mở rộng tiện ích mẫu (Expand Widget Templates)Tìm đoạn code sau:
<div class='post-header-line-1'/>
Ở đoạn này thì có nhiều bạn tìm đến nhưng chèn vào như chỉ dẫn mà vẫn không được thì tốt nhất bạn hãy cứ tìm đoạn code post-header-line-1 rồi làm theo hướng dẫn vì có một số blogspot không thêm giấu / hoặc là thêm nhiều đoạn code nữa mới > nên tốt nhất là bạn nên tìm như thếChèn ngay vào dưới nó đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>
Mã Adsense đã chuyển đổi (Mã Adsen đồng bộ)
</p>
</b:if>
<p class='ads'>
Mã Adsense đã chuyển đổi (Mã Adsen đồng bộ)
</p>
</b:if>
Chèn quảng cáo vào dưới cuối mỗi bài đăng
Bấm (Ctrl + F): Tìm đoạn code tương tự sau:
<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/>
Chú ý: Ở đoạn này thì nhiều bạn sẽ không tìm thấy đoạn code nào giống như thế này bằng cách ấn Ctrrl +f. Vầy để chèn quảng cáo dưới mỗi bài đăng thì bạn tìm đoạn code <p><data:post.body/></p>
<div style='clear: both;'/>
Chèn vào ngay dưới nó đoạn mã sau:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>
Mã Adsense đã chuyển đổi (Mã Adsen đồng bộ)
</p>
</b:if>
Vậy là mình đã hướng dẫn với các bạn xong về Chèn quảng cáo vào bên trong bài viết trên Blogspot. Chúc các bạn thành công và kiếm được nhiều tiền từ quảng cáo google adsense<p class='ads'>
Mã Adsense đã chuyển đổi (Mã Adsen đồng bộ)
</p>
</b:if>
Blog tổng hợp những kinh nghiệm được học, áp dụng và chia sẻ
