Hướng dẫn triển khai mã quảng cáo adsense trong bài viết của blogspot

Trong bài viết trước mình có hướng dẫn cách triển khai mã quảng cáo giữa các bài đăng ngoài trang chủ, các trang tiếp theo, trang nhãn, trang tìm kiếm, trang lưu trữ. Hôm nay mình tiếp tục chia sẻ cách triển khai mã quảng cáo Google Adsense hoặc mã quảng cáo, banner khác trong bài viết vì đây là phần quan trọng nhất của Blog và độc giả cũng dễ tiếp cận quảng cáo hơn khi đọc bài viết của bạn.

Trước hết bạn cần xác định chính xác bài viết sẽ xuất hiện ở hai trang sau đây:

Trang bài viết
Trang tĩnh

Nội dung bài viết sẽ là thẻ <data:post.body/> như vậy khi triển khai mã quảng cáo phải tìm thẻ này và chèn bên trên hoặc dưới nó. Bố cục quảng cáo khi bạn chèn sẽ xuất hiện ở những nơi sau:

Dưới tiêu đề
Dưới dấu ngắt nháy
Giữa bài
Cuối bài

Cách triển khai như sau:

Bước 1: Đăng nhập vào Blogger > chọn Chủ đề > Chỉnh sửa HTML > Chuyển đến tiện ích > Blog1
Bước 2: Tìm và mở rộng đoạn <b:includable id='post' var='post'>
Bước 3: Tìm đoạn <data:post.body/>

1. Triển khai mã quảng cáo tự động dưới tiêu đề bài viết

Tiêu đề bài viết sẽ được hiển thị bằng <data:post.title/> và luôn nằm trên <data:post.body/> như vậy khi tìm thấy <data:post.body/> bạn sẽ thấy <data:post.title/> nó nằm ngay trên, bạn chỉ cần chèn mã quảng cáo vào thôi, ví dụ:

Copy


<!-- Quảng cáo dưới tiêu đề bài viết -->

<ins class='adsbygoogle' data-ad-client='ca-pub-4331162841481508' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='5910241907' style='display:block; text-align:center;margin: 15px 0 15px 0;'/>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

2. Triển khai mã quảng cáo tự động dưới dấu ngắt nháy

Quảng cáo sẽ xuất hiện nếu trong bài viết bạn có sử dụng thẻ ngắt nháy trên thanh công cụ soạn thảo bài viết cho nên nếu bạn có ý định triển khai mã quảng cáo bắt buộc bạn phải sửa lại bài viết thêm dấu ngắt nháy sau 5 đến 10 đoạn đầu tiên của bài viết.

Để chèn được mã quảng cáo loại này cần đến đoạn script nhỏ đặt trước </body> như sau:

Copy


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function(){

  jQuery('#ads_Code').appendTo(jQuery('a[name="more"]'));

});

//]]>

</script>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function(){

  jQuery('#ads_Code').appendTo(jQuery('a[name="more"]'));

});

//]]>

</script>

</b:if>

</b:if>

Yêu cầu trong mẫu phải có sẵn thư viên jquery, cái này đa số template nào cũng có trừ template mặc định , nếu bạn kiểm tra không thấy thêm link jquery ngay trước </head>

Copy


<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>

Khi chèn xong script tìm <data:post.body/> chèn mã quảng cáo theo mẫu sau ngay dưới nó, ví dụ

Copy


<!-- Quảng cáo dưới dấu ngắt nháy -->

<div id='ads_Code'>

<br/>

<ins class='adsbygoogle' data-ad-client='ca-pub-4331162841481508' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='5910241907' style='display:block; text-align:center;'/>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

</div>

3. Triển khai mã quảng cáo vào giữa bài viết

Phần này mình khuyên các bạn nên chèn thủ công không nên chèn tự động vì khi chèn tự động quảng cáo thường không được thẩm mỹ cho dù bạn đã chỉnh style nhưng nếu chèn thủ công chúng ta có thể chèn vào vị trí nào cũng được đặc biệt với những bài viết dài chúng ta có thể chèn nhiều mã quảng cáo, cách chèn thì khi soạn thảo bài viết bạn chuyển qua phần soạn thảo HTML chèn mã vào nơi thích hợp, ví dụ

Copy


<!-- Quảng cáo giữa bài viết -->

<br/>

<ins class='adsbygoogle' data-ad-client='ca-pub-4331162841481508' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='5910241907' style='display:block; text-align:center;'/>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

<br />

4. Triển khai mã quảng cáo tự động dưới chân bài viết

Phần này rất đơn giản bạn chỉ cần chèn mã quảng cáo ngay dưới <data:post.body/> là được, ví dụ

Copy


<!-- Quảng cáo chân bài viết -->

<ins class='adsbygoogle' data-ad-client='ca-pub-4331162841481508' data-ad-slot='2158217748' style='display:inline-block;width:100%;height:90px;margin: 15px 0 15px 0;'>

</ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

Kết luận

Trong 4 cách triền khai quảng cáo ở trên bạn chỉ nên chèn tối đa 3 mã quảng cáo thôi ví dụ nếu chèn dưới tiêu đề thì không chèn dưới dấu ngắt nháy, bài viết dài thì mới chèn quảng cáo vào giữa. Bạn không nên quá lạm dụng làm cho tốc độ tải trang bị chậm và khó giữ chân được độc giả thường xuyên, hãy cân nhắc chèn vào nơi thích hợp cho độc giả dễ nhìn thấy và có gắng làm sao giữ cho quảng cáo trông như quảng cáo không nhầm lẫn với thứ khác. Bạn có thể tìm hiểu thêm về hỗ trợ Google Adsense từ Google nhé.