- Cập nhật
KỸ THUẬT SỬA CHỮA ĐIỆN THOẠI
- Cập nhật
- Cập nhật
- Cập nhật
- Cập nhật
- Cập nhật
- Cập nhật
- Cập nhật
- Cập nhật
THƯƠNG HIỆU TÀI TRỢ
- Cập nhật
- Cập nhật
- Cập nhật
- Cập nhật
- Cập nhật
THÔNG BÁO VÀ NỘI QUY
- Cập nhật
- Cập nhật
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ụ:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- quang-cao-dau-bai-viet -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2575238374309852"
data-ad-slot="4771750963"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<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 </head>
<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ụ
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- quang-cao-cuoi-bai-viet -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2575238374309852"
data-ad-slot="1568779226"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
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ụ
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-2575238374309852"
data-ad-slot="3246916304"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
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ụ
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- quang-cao-cuoi-bai-viet -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2575238374309852"
data-ad-slot="1568779226"
data-ad-format="auto"
data-full-width-responsive="true"></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é.
Từ khóa tìm kiếm: chèn quảng cáo vào giữa bài viết blogspot, cách đặt quảng cáo google adsense trên blogger, chèn quảng cáo vào cuối bài viết blogspot, cách chèn mã quảng cáo vào blogspot, google adsense blogger, cách đặt quảng cáo trên blogger, blogspot không hiển thị quảng cáo, chèn quảng cáo vào trong bài viết.
Chúc các bạn thành công!