Este artigo apresenta principalmente uma nova maneira de pós-advertência, apoiando anúncios HTML personalizados, anúncios de afiliados da Baidu e anúncios de afiliados do Google. Este método é executado após a carga da página e não afeta a exibição do conteúdo e é mais fácil de usar.
A maneira mais fácil de colocar anúncios no site é inserir o código JS no local especificado. Isso tem a conseqüência de que a página é carregada em ordem. Ocasionalmente, um código de anúncio está preso e a página inteira ficará presa, o que traz uma experiência muito ruim ao usuário.
Então, como resolver esse problema? Vamos falar sobre o princípio primeiro. Vamos reservar alguns espaços reservados em nossa página. Para não afetar o carregamento do conteúdo da página, introduzimos o processamento JS na parte inferior da página e substituímos os espaços reservados pelos anúncios correspondentes um por um.
Vejamos as etapas específicas de implementação abaixo:
1. Coloque um espaço reservado na página, que é na verdade uma marca de span
A cópia do código é a seguinte:
<span id = "ads_one"> </span>
<span id = "ads_two"> </span>
<span id = "ads_three"> </span>
2. Escreva código de script JS independente: jbloader.js
A cópia do código é a seguinte:
jbmap = window.jbmap || {};
função jbviajs (locationId) {
var _f = indefinido;
var _fconv = 'jbmap [/"' + locationId + '/"]';
tentar {
_f = avaliar (_fconv);
if (_f! = indefinido) {
_f ()
}
} catch (e) {}
}
função jbloader (closetAg) {
var jbtest = null,
jbtestpos = document.getElementsByTagName ("span");
for (var i = 0; i <jbtestpos.length; i ++) {
if (jbtestpos [i] .className == "jbtestpos") {
jbtest = jbtestpos [i];
quebrar
}
}
if (jbtest == null) retornar;
if (! ClosetAg) {
document.write ("<span id = jbtestpos_" + jbtest.id + "style = display: none>");
jbviajs (jbtest.id);
Retornar
}
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)) continue;
jbtest.parentnode.insertBefore (nó, jbtest);
eu--
}
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/javsscrint">
};
jbmap ['ads_three'] = function () {
document.writeln ('<scri'+'pt assync src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'+'pt> style =" Display: inline-block; largura: 300px; altura: 250px "- Data = Data: Data-ad-slot = "2253650178" Data-override-format = "True" Data-página-url = "// www.vevb.com"> </ns> <scri '+' pt> (adsbygoogle = window.adsbygoogle || []).
};
NOTA: O JBMAP é uma matriz que coloca anúncios. A chave da matriz e os IDs de tags de span correspondem a eles. Podemos adicionar nossos próprios anúncios nesta forma neste JS. Esse método de carregamento de publicidade suporta publicidade HTML personalizada, publicidade de afiliados da Baidu e publicidade de afiliados do Google. Aqui nós demonstramos isso.
3. Apresente JS na parte inferior da página e ligue para o JBLOADER para carregar o anúncio
A cópia do código é a seguinte:
<script type = "text/javascript" src = 'js/jbloader.js'> </script>
<Cript> jbloader (); </sCript> <cript> jbloader (true); </script>
<Cript> jbloader (); </sCript> <cript> jbloader (true); </script>
<Cript> jbloader (); </sCript> <cript> jbloader (true); </script>
Nota: O formato deve ser o formato como acima. Se houver vários espaços reservados, adicione alguns <Script> jbloader (); </script> <cript> jbloader (true); </script>
Não pergunte ao editor por que ele chamou dessa maneira. Na verdade, eu também estudei:
1. A primeira vez que o JBLOADER () é escrever a tag, e a segunda vez que o Jbloader (true) é substituir a tag.
2. Use dois <Script> s para obter os elementos correspondentes na segunda chamada.
3. Escreva algumas linhas de script quando houver vários espaços reservados para evitar se afetar e exibi -los separadamente.
Em resumo: muitos sites principais estão usando esse método, para que todos possam usá -lo com confiança. Neste ponto, a chamada para carregar após o anúncio da página é concluída.