В этой статье в основном представлен новый способ после рекламы, поддерживающих индивидуальную рекламу HTML, рекламу Baidu, а также рекламу Google. Этот метод выполняется после загрузки страницы, и не влияет на отображение контента и более удобен для пользователя.
Самый простой способ разместить рекламу на веб -сайте - вставить код JS в указанное место. Это имеет следствие того, что страница загружена по порядку. Время от времени застрял рекламный код, и вся страница застряла, что приносит пользователю очень плохой опыт.
Так как решить эту проблему? Давайте сначала поговорим о принципе. Давайте зарезервим некоторых заполнителей на нашей странице. Чтобы не повлиять на загрузку содержания страницы, мы вводим JS -обработку в нижней части страницы и заменяем заполнители на соответствующие рекламные объявления один за другим.
Давайте посмотрим на конкретные шаги реализации ниже:
1. Поместите заполнитель на страницу, которая на самом деле является маркой SPAN
Кода -копия выглядит следующим образом:
<span id = "ads_one"> </span>
<span id = "ads_two"> </span>
<span id = "ads_three"> </span>
2. Напишите независимый код сценария JS: jbloader.js
Кода -копия выглядит следующим образом:
jbmap = window.jbmap || {};
Функция jbviajs (locationId) {
var _f = не определен;
var _fconv = 'jbmap [/"' + locationId + '/"]';
пытаться {
_f = eval (_fconv);
if (_f! = не определен) {
_f ()
}
} catch (e) {}
}
Функция jbloader (chlosetag) {
var jbtest = null,
jbtestpos = document.getElementsbytagname ("span");
для (var i = 0; i <jbtestpos.length; i ++) {
if (jbtestpos [i] .classname == "jbtestpos") {
jbtest = jbtestpos [i];
перерыв
}
}
if (jbtest == null) return;
if (! sicketag) {
document.write ("<span id = jbtestpos_" + jbtest.id + "style = display: none>");
jbviajs (jbtest.id);
Возвращаться
}
document.write ("</span>");
var Real = document.getElementbyId ("jbtestpos_" + jbtest.id);
for (var i = 0; i <real.childnodes.length; i ++) {
var node = real.childnodes [i];
if (node.tagname == "script" && /closetag/.test(node.classname))) продолжить;
jbtest.parentnode.insertbefore (node, jbtest);
я--
}
jbtest.parentnode.removechild (jbtest);
real.parentnode.removechild (Real)
}
jbmap ['ads_one'] = function () {
document.writeln ('<a href = "// www.vevb.com/" target = "_ blank"> wulin.com </a>');
};
jbmap ['ads_two'] = function () {
document.writeln ('<scr'+'ipt type = "text/javascript"> var cpro_id = "u336546"; </script> <script src = "http://cpro.baidustatic.com/cpro/ui/c.js" type = "text/javascript"> </scr'+pt> ');
};
jbmap ['ads_three'] = function () {
document.writeln ('<scri'+'pt async src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'ty'pt> plyce =" Дисплей: inline block; ширина: 300px; рост: 250px "data-ad-client =" caUpub --124767666666661616111111111121111616 data-ad-slot = "2253650178" data-override-format = "true" data-page-url = "// www.vevb.com"> </ins> <cri '+' pt> (adsbygoogle = window.adsbygoogle || []). Push ({});
};
Примечание: JBMAP - это массив, который размещает рекламу. Ключ и идентификаторы тега массива соответствуют им. Мы можем добавить нашу собственную рекламу в этой форме в этом JS. Этот метод загрузки рекламы поддерживает индивидуальную рекламу HTML, партнерскую рекламу Baidu и партнерскую рекламу Google. Здесь мы продемонстрировали это.
3. Представьте JS внизу страницы и позвоните Jbloader, чтобы загрузить объявление
Кода -копия выглядит следующим образом:
<script type = "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>
Примечание. Формат должен быть форматом, как указано выше. Если есть несколько заполнителей, добавьте несколько <script> jbloader (); </script> <script> jbloader (true); </script>
Не спрашивайте редактора, почему он позвонил таким образом. На самом деле, я также изучал:
1. В первый раз jbloader () - написать тег, а второй раз, когда Jbloader (true) - заменить тег.
2. Используйте два <script> s, чтобы получить соответствующие элементы во втором вызове.
3. Напишите несколько строк сценария, когда есть несколько заполнителей, чтобы не влиять друг на друга и отображать их отдельно.
Короче говоря: многие крупные веб -сайты используют этот метод, поэтому каждый может использовать его с уверенностью. На этом этапе звонок для загрузки после завершения рекламы страницы.