Artikel ini terutama memperkenalkan cara baru pasca-iklan, mendukung iklan HTML yang disesuaikan, iklan afiliasi Baidu dan iklan afiliasi Google. Metode ini dijalankan setelah halaman dimuat, dan tidak mempengaruhi tampilan konten dan lebih ramah pengguna.
Cara termudah bagi kami untuk menempatkan iklan di situs web adalah dengan memasukkan kode JS ke lokasi yang ditentukan. Ini memiliki konsekuensi bahwa halaman dimuat secara berurutan. Kadang -kadang, kode iklan macet, dan seluruh halaman akan macet, yang membawa pengalaman yang sangat buruk bagi pengguna.
Jadi bagaimana cara menyelesaikan masalah ini? Mari kita bicara tentang prinsipnya terlebih dahulu. Mari kita pesan beberapa placeholder di halaman kita. Agar tidak mempengaruhi pemuatan konten halaman, kami memperkenalkan pemrosesan JS di bagian bawah halaman dan mengganti placeholder dengan iklan yang sesuai satu per satu.
Mari kita lihat langkah implementasi spesifik di bawah ini:
1. Tempatkan placeholder di halaman, yang sebenarnya merupakan tanda bentang
Salinan kode adalah sebagai berikut:
<span id = "ads_one"> </span>
<span id = "ads_two"> </span>
<span id = "ads_three"> </span>
2. Tulis kode skrip JS independen: jbloader.js
Salinan kode adalah sebagai berikut:
jbmap = window.jbmap || {};
fungsi jbviajs (locationId) {
var _f = tidak terdefinisi;
var _fconv = 'jbmap [/"' + locationId + '/"];
mencoba {
_f = eval (_fconv);
if (_f! = tidak terdefinisi) {
_F()
}
} catch (e) {}
}
fungsi jbloader (closetag) {
var jbtest = null,
jBtestPos = document.getElementsByTagname ("span");
untuk (var i = 0; i <jbtestpos.length; i ++) {
if (jbtestpos [i] .className == "jBtestPos") {
jBTest = JBTESTPOS [i];
merusak
}
}
if (jbtest == null) kembali;
if (! closetag) {
document.write ("<span id = jbtestpos_" + jbtest.id + "style = display: none>");
jbviajs (jbtest.id);
Kembali
}
document.write ("</span>");
var real = document.getElementById ("jBtestPos_" + jbtest.id);
untuk (var i = 0; i <real.childnodes.length; i ++) {
var node = real.childnodes [i];
if (node.tagname == "skrip" && /closetag/.test(node.classname)) lanjutkan;
jbtest.parentnode.insertbefore (node, jbtest);
Saya--
}
jbtest.parentnode.removechild (jbtest);
real.parentnode.removechild (nyata)
}
jbmap ['ads_one'] = function () {
document.writeln ('<a href = "// www.vevb.com/" target = "_ blank"> wulin.com </a>');
};
jbmap ['ads_two'] = function () {
Document.writeln ('<scr'+'ept type = "text/javascript"> var cpro_id = "u336546"; </script> <script src = "http://cpro.baidustatic.com/cpro/ui/c.js" type = "Text/Javascript"> </scrcript';
};
jbmap ['ads_three'] = function () {
Document.writeln ('<scri'+'pt async src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'+'pt><ins style =" display: inline-block; width: 300px; tinggi: 250px "Data-block = width: 300px; Tinggi: 250px" DATA-CLIENPER = "ca-block; width: 300px; Tinggi: 250px" Data-ad-slot = "2253650178" data-override-format = "true" data-page-url = "// www.vevb.com"> </scri '+' pt> (adsbygoogle = window.adsbygoOgle || []). PUSH ({}); </scripe '+');
};
Catatan: JBMAP adalah array yang menempatkan iklan. Kunci dan span ID tag array sesuai dengan mereka. Kami dapat menambahkan iklan kami sendiri dalam formulir ini di JS ini. Metode pemuatan iklan ini mendukung iklan HTML yang disesuaikan, iklan afiliasi Baidu, dan iklan afiliasi Google. Di sini kami telah menunjukkannya.
3. Perkenalkan JS di bagian bawah halaman dan hubungi JBloader untuk memuat iklan
Salinan kode adalah sebagai berikut:
<type script = "Text/JavaScript" src = 'js/jBloader.js'> </script>
<script> jbloader (); </script> <script> jBloader (true); </script>
<script> jbloader (); </script> <script> jBloader (true); </script>
<script> jbloader (); </script> <script> jBloader (true); </script>
Catatan: Format harus berupa format seperti di atas. Jika ada beberapa placeholder, tambahkan beberapa <script> jbloader (); </script> <script> jBloader (true); </script>
Jangan tanya editor mengapa dia menelepon dengan cara ini. Bahkan, saya juga telah mempelajarinya:
1. Pertama kali JBloader () adalah menulis tag, dan kedua kalinya JBloader (true) adalah mengganti tag.
2. Gunakan dua <script> untuk mendapatkan elemen yang sesuai dalam panggilan kedua.
3. Tulis beberapa baris skrip ketika ada beberapa placeholder untuk menghindari mempengaruhi satu sama lain dan menampilkannya secara terpisah.
Singkatnya: Banyak situs web utama menggunakan metode ini, sehingga semua orang dapat menggunakannya dengan percaya diri. Pada titik ini, panggilan untuk memuat setelah iklan halaman selesai.