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, tra...
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
- Dưới tiêu đề
- Dưới dấu ngắt nháy
- Giữa bài
- Cuối bài
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 và luôn nằm trên như vậy khi tìm thấy bạn sẽ thấy nó nằm ngay trên, bạn chỉ cần chèn mã quảng cáo vào thôi, ví dụ:
<!-- 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:
<b:if cond='data:blog.pageType == "item"'>
<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 == "static_page"'>
<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
<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>
Khi chèn xong script tìm chèn mã quảng cáo theo mẫu sau ngay dưới nó, ví dụ
<!-- 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ụ
<!-- 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ụ
<!-- 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é.
Bình luận