Thủ thuật Blogger chèn quảng cáo vào giữa bài viết MultiAds, Ngắt Nhảy, chèn quảng cáo Thủ Công vào vị trí tự chọn giữa bài viết ,...

Chèn quảng cáo vào các vị trí tùy chỉnh trên trang bài viết blog/web nền tảng blogspot/blogger khá phổ biến, đây là cách chèn quảng cáo ít gây khó chịu nhất so với các phương án quảng cáo dạng popup, slide, ẩn hiện,...

Hôm nay Gia Bảo xin chia sẻ 3 thủ thuật blogspot giúp bạn chèn quảng cáo vào vị trí bất kỳ, tự chọn và ngay sau dấu ngắt nhảy trên Blog của bạn :

Đầu tiên bạn tìm đến vị trí <data:post.body/> sau đó chèn 1 trong số 3 code được chia sẻ dưới đây, hoặc có thể chèn 3 code ngay sau <data:post.body/> lưu lại và xem kết quả :

1. Chèn Quảng cáo sau dấu ngắt nhảy  trên bài viết :




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$('a[name="more"]').before($('#AdsMoreBlogGiaBao').html());
$('#AdsMoreBlogGiaBao').html('');
});
</script>

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none;'>
<div id='AdsMoreBlogGiaBao'>
<center>
Code quảng cáo .More.
</center>
</div>
</div>
</b:if>


2. Chèn Quảng cáo Thủ Công vào vị trí tự chọn giữa bài viết :



<div class='AdsThuCongBlogGiaBao'>

<div id='ads_Body'>


<center>Mã quảng cáo Thủ Công </center>

</div>
</div>

<script>//<![CDATA[
$(function() {
var ads = document.getElementById('DivAdsThuCongBlogGiaBao')
if (ads) {
$('#ads_Body').appendTo(ads)
} else {
$('.AdsThuCongBlogGiaBao').empty()
}
})
//]]></script>

Lưu ý quảng cáo chỉ hiển thị khi bạn chèn thẻ div sau vào vị trí cần hiển thị trên trang bài viết bất kỳ :

<div id="DivAdsThuCongBlogGiaBao";></div>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'/>


3. Chèn Quảng cáo MultiAds vào giữa bài viết :

<div class='GiaBaoBlogMultiAds'>


<div style='background: white;padding: 2.5px 2.5px 2.5px 2.5px;border-radius: 4px;border: 1px solid #ccc;border-radius: 3px;'>
<center>MultiAds sản phẩm bán chạy số 1</center>
<div class='convertful-143055'/>
</div>

</div>

<div class='GiaBaoBlogMultiAds'>


<div style='background: white;padding: 2.5px 2.5px 2.5px 2.5px;border-radius: 4px;border: 1px solid #ccc;border-radius: 3px;'>
<center>MultiAds sản phẩm bán chạy số 2</center>
<div class='convertful-143057'/>
</div>

</div>


</div>
-->

<b:if cond='data:view.isPost'>



<script> //<![CDATA[
'use strict';
var _0x3b06 = [".GiaBaoBlogMultiAds", "querySelectorAll", ".post-body br, .post-body p, .post-body blockquote, .post-body div, .post-body span, .post-body table", "length", "from", "nodeName", "P", "insertBefore", "parentNode", "nextSibling"];
(function() {
var iconLengths = document[_0x3b06[1]](_0x3b06[0]);
if (iconLengths) {
   var finalCustomEvents = document[_0x3b06[1]](_0x3b06[2]);
   var panes = iconLengths[_0x3b06[3]] + 1;
   var width = finalCustomEvents[_0x3b06[3]] / panes;
   c = Array[_0x3b06[4]]({
     length : iconLengths[_0x3b06[3]]
   }, function(canCreateDiscussions, isSlidingUp) {
     return isSlidingUp + 1;
   });
   d = c;
   var i = 0;
   for (; i < d[_0x3b06[3]]; i++) {
     var b = d[i];
     var eventType = parseInt(width * b);
     if (finalCustomEvents[eventType][_0x3b06[5]] == _0x3b06[6]) {
       finalCustomEvents[eventType][_0x3b06[8]][_0x3b06[7]](iconLengths[i], finalCustomEvents[eventType]);
     } else {
       finalCustomEvents[eventType][_0x3b06[8]][_0x3b06[7]](iconLengths[i], finalCustomEvents[eventType][_0x3b06[9]]);
     }
   }
}
})();
//]]> </script>

</b:if>
<style>
.GiaBaoBlogMultiAds {display:block; margin:10px auto; padding:0px; text-align:center}
</style>

Riêng đối với code chèn quảng cáo MultiAds bạn có thể tăng thêm số lượng quảng cáo bằng cách chèn thêm thẻ Div sau :

Bạn có thể kết hợp với công cụ hỗ trợ tạo banner / popup quảng cáo trên trang convertful.com giúp bạn tạo mẫu quảng cáo bắt mắt, hấp dẫn trên blog của mình giúp gia tăng chuyển đổi kiếm thêm thu nhập từ nội dung bài viết trên website của bạn.

Mô tả thủ thuật blogger :

1. Thủ thuật chèn Quảng cáo sau dấu ngắt nhảy  trên bài viết : Thủ thuật này giúp bạn tự động chèn quảng cáo được tạo vào vị trí

<div id='AdsMoreBlogGiaBao'>
<center>
Code quảng cáo .More.
</center>
</div>

hiển thị tại vị trí ngay sau dấu ngắt nhảy  trên trang bài viết.

2. Thủ thuật chèn Quảng cáo Thủ Công vào vị trí tự chọn giữa bài viết : giúp bạn tự động hiển thị đoạn code

<div class='AdsThuCongBlogGiaBao'>

<div id='ads_Body'>


<center>Mã quảng cáo Thủ Công </center>

</div>
</div>

vào vị trí thẻ <div id='DivAdsThuCongBlogGiaBao';></div> được bạn đặt tại vị trí tự chọn thích hợp ngay trong bài viết cần hiển thị nội dung quảng cáo.

3. Chèn Quảng cáo MultiAds vào giữa bài viết : thủ thuật này giúp bạn phân phối quảng cáo tự động vào vị trí ngẫu nhiên trên trang bài viết số lượng quảng cáo phụ thuộc vào số lượng thẻ div có cầu trúc code như sau :

Hy vọng thủ thuật blogger chèn quảng cáo sẽ giúp bạn có thêm thu nhập và kiếm tiền từ website của mình.