Thứ Năm, ngày 01 tháng 12 năm 2016

Tổng Hợp CODE chèn Quảng Cáo ADS cho Blogger Blogspot chi tiết

Lang thang tìm cách chèn Quảng Cáo ADS vào Blog http://codeSEO.net của mình tình cờ thấy Blog Đôi Guốc Mộc chia sẻ khá nhiều cách chèn Quảng Cáo ADS vào Blogspot nên ở bài viết này mình xin chia sẻ và tổng hợp lại cho các bạn tham khảo.
Dưới đây là phần tổng hợp các cách chèn ADS theo dấu ngắt nhảy, theo vị trí tùy ý muốn. Có cái áp dụng rất dễ hầu như template blogspot nào cũng làm được. Lại có cái làm sơ suất lại không được. Vì thế các bạn đọc cho kĩ một chút nếu không được thì comment bên dưới mình sẽ hỗ trợ thêm




Cách chèn quảng cáo vào bài viết #1

OK, với cách này thì có thể nói là dễ hơn rất nhiều hầu như là 99,999% template đều làm được và hỗ trợ làm bởi không can thiệp sâu.
Với cách này, chúng ta sẽ tích hợp chèn quảng cáo bằng cách thêm dấu ngắt dòng ( readmore ) trong bài viết. Bạn sẽ không cần phải chuyển sang tab HTML để chèn quảng cáo nữa, chỉ cần chọn vị trí thích hợp và click chuột thôi 😀 Nào, chúng ta cùng bắt đầu.

Bước 1: Copy code

Các bạn hãy copy đoạn code sau đây và dán vào trên thẻ </body> trong template của bạn nhé!
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='display: none; float:center;'>
<div id='qcbydoiguocmoc'>
// Chèn mã quảng cáo vào đây
</div>
</div>
<script>
$(document).ready(function() {
jQuery(&#39;#qcbydoiguocmoc&#39;).appendTo(jQuery(&#39;a[name=&quot;more&quot;]&#39;));
});
</script>
</b:if>

Bước 2: Lấy mã quảng cáo

Tiếp theo, các bạn cần có mã quảng cáo của mình. Các bạn có thể lấy từ tài khoản Adsense, hay các mạng quảng cáo khác mà bạn đang tham gia nhé!
Nếu là code Adsense tùy chỉnh thì các bạn nhớ Convert mã rước nữa nhé, tránh việc không lưu code lại được. Sau khi đã có mã, các bạn thay dòng  // Chèn mã quảng cáo vào đây bằng mã quảng cáo của các bạn nhé! Sau đó lưu Template lại.

Bước 3: Sử dụng

Sau khi thực hiện xong bước 2, bây giờ các bạn chỉ việc chèn thêm dấu ngắt dòng trong bài viết thì sẽ thấy quảng cáo hiện ngay tại vị trí đó nhé!
chen quang cao vao bai viet cho blog
Đầu tiên rất dễ đúng không? Hãy tham khảo cách khác bên dưới nữa nhé

Cách chèn quảng cáo vào bài viết #2

Đầu tiên, các bạn hãy đăng nhập vào tài khoản blogger của bạn. Sau đó các bạn di chuyển đến menu Mẫu và chọn Chỉnh sửa HTML.
chinh sua html
Tiếp đến, các bạn hãy tìm đến thẻ <data:post.body/>, các bạn biết vì sao ta lại tìm đến thẻ này không? Bởi vì thẻ này chính là thẻ dùng để hiển thị nội dung các bài viết của bạn đấy. Nếu như không tìm thấy bằng cách thủ công thì các bạn có thể nhấn CTRL + F rồi dán thẻ đó vào và nhấn ENTER để được chuyển đến thẻ đó nhé!
Sau đó các bạn hãy thay thẻ trên bằng đoạn code dưới đây nhé! Các bạn lưu ý khi thấy thì phải thay đoạn mã quảng cáo của bạn vào dòng chữ Chèn quảng cáo vào đây nhá.
<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:5px ;">
Chèn code quảng cá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 --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
OK, bây giờ các bạn hãy lưu lại mẫu là xong. Và sau này, khi viết bài các bạn chỉ cần chèn thêm thẻ <!-- ads --> vào nơi nào mà bạn muốn nó hiển thị trong nội dung bài viết là được thôi. À quên, khi chèn thì các bạn hãy chuyển sang thẻ HTML để chèn nhé!
Update: Hướng dẫn cách khác phục lỗi xuất hiện ký tự “>” bên dưới quảng cáo.
Để khác phục lỗi này cũng vô cũng đơn giản, cũng tại khung soạn thảo html thì các bạn thêm vào dùng trắng sau thẻ <!-- ads --> của chúng ta là được. Nên thêm 3 dòng trắng là tốt nhất.

Chèn quảng cáo dưới bài viết bất kì #3

Bước 1: Các bạn truy cập vào blogger và chuyển đến chỉnh sửa HTML nhé!
Bước 2: Các bạn hãy tìm đến đoạn code sau:
<b:loop values='data:posts' var='post'>
Tiếp đến, các bạn hãy thêm thuộc tính index=’i’ vào trong thẻ đó. Còn tại sao lại là index thì các bạn có thể xem qua các câu điều kiện của Blogger để biết rõ hơn điều này nhé! Và sau khi thêm vào thì nó sẽ như thế này:
<b:loop values='data:posts' var='post' index='i'>
Bước 3: Các bạn lại tìm đến đoạn code sau <b:include data='post' name='post'/> và chèn bên dưới nó đoạn code này.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:i == 3'>
//Mã quảng cáo của bạn
</b:if>
</b:if>
Bước 4: Lưu Template lại và xem kết quả

Lưu ý

Trong bài viết này, mình muốn lưu ý hai điểm nho nhỏ như sau:
  1. Đầu tiên là trong thủ thuật này, chúng ta đã gán thêm 1 biến i để sách định được vị trí (số thứ tự) của bài viết trên trang chủ.
  2. Thứ hai, các bạn hãy chú ý đoạn data:i == 3 nhé. Tuy là số 3 nhưng nó sẽ chèn quảng cáo xuống dưới bài viết thứ tư đấy vì vòng lặp của chúng ta bắt đầu từ 0 nhé!


Chèn quảng cáo dưới bài viết đầu tiên #4


Bước 1: Các bạn tìm đến thẻ
<b:include data='post' name='post'/>
Bước 2: Các bạn hãy chèn đoạn code sau vào ngay dưới thẻ trên nhé!
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.isFirstPost'>
//Mã quảng cáo của bạn
</b:if>
</b:if>
Bước 3: Lưu Template lại và ra trang chủ để xem kết quả nhé!

Chèn quảng cáo vào widget #5

Bước 1: Đăng nhập vào tài khoản Blogger vào chuyển tới menu quản lý Bố cục.
Bước 2: Tùy vào thiết kế vào mỗi Template mà bố cục sắp xếp sẽ khác nhau và vị trí quảng cáo xuất hiện cũng sẽ khác nhau. Tuy nhiên, hầu hết các Template đều có sidebar vì vậy bạn hãy tìm đến phần sidebar của blog và nhấn vào Thêm tiện ích như hình dưới.
them tien ich
Bước 3: Một hộp thoại sẽ được hiện lên, bây giờ các bạn hãy nhấn vào HTML/Javascript nhé!
html-javascript
Bước 4: Tiếp đến, bạn hãy nhập mã quảng cáo của mình vào khung Nội dung của hộp thoại mới và nhấp vào Lưu nhé!

nhap ma quang cao
Bước 5: Quay ra trang chủ và xem kết quả.

Trên đây là một số cách chèn Quảng Cáo mà mình sưu tầm được ở Blog Đôi Guốc Mộc hi vọng nó sẽ hữu ích cho các bạn. Nếu có gì thắc mắc vui lòng comment bên dưới