Cet article présente principalement une nouvelle façon de post-advertissant et de prendre en charge les annonces HTML personnalisées, les publicités d'affiliation Baidu et les publicités d'affiliation Google. Cette méthode est exécutée après le chargement de la page et n'affecte pas l'affichage du contenu et est plus convivial.
Le moyen le plus simple pour nous de placer des publicités sur le site Web est d'insérer le code JS dans l'emplacement spécifié. Cela a la conséquence que la page est chargée dans l'ordre. Parfois, un code publicitaire est bloqué et la page entière sera coincée, ce qui apporte une très mauvaise expérience à l'utilisateur.
Alors, comment résoudre ce problème? Parlons d'abord du principe. Réservons quelques espaces réservés sur notre page. Afin de ne pas affecter le chargement du contenu de la page, nous introduisons le traitement JS en bas de la page et remplaçons les espaces réservés par les publicités correspondantes une par une.
Examinons les étapes de mise en œuvre spécifiques ci-dessous:
1. Placer un espace réservé sur la page, qui est en fait une marque de portée
La copie de code est la suivante:
<span id = "ads_one"> </span>
<span id = "ads_two"> </span>
<span id = "ads_three"> </span>
2. Écrivez le code de script JS indépendant: jbloader.js
La copie de code est la suivante:
jbmap = window.jbmap || {};
fonction jbviajs (locationId) {
var _f = indéfini;
var _fconv = 'jbmap [/ "' + locationId + '/"]';
essayer {
_f = eval (_fconv);
if (_f! = Undefined) {
_f ()
}
} catch (e) {}
}
fonction jbloader (placardag) {
var jBest = null,
JBTestPos = document.getElementsByTagName ("Span");
pour (var i = 0; i <jBtestPos.length; i ++) {
if (JBTestPos [i] .className == "JBTestPos") {
jBest = jBtestPos [i];
casser
}
}
if (jBest == null) return;
if (! placardag) {
document.write ("<span id = jBtestPos_" + jBtest.id + "style = affichage: aucun>");
jbviajs (jBest.id);
Retour
}
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)) continu;
JBTest.parentNode.InsertBefore (Node, JBTest);
je--
}
jBest.parentNode.removechild (jBest);
Real.parentnode.removechild (Real)
}
jbmap ['ads_one'] = fonction () {
document.writeln ('<a href = "// www.vevb.com/" Target = "_ Blank"> wulin.com </a>');
};
jbmap ['ads_two'] = fonction () {
document.writeln ('<scr' + 'ipt type = "text / javascript"> var cpro_id = "u336546"; </ script> <script src = "http://cpro.baistatic.com/cpro/ui/c.js" type = "text / javascript"> </cr' + 'ipt>');
};
jbmap ['ads_three'] = fonction () {
Document.Writeln ('<scri' + 'pt async src = "// pagead2.googleSyNDication.com/pagead/js/adsbygoogle.js"></scri'+'pt><ins style =" affichage: en ligne; Data-Ad-Client = "Ca-Pub-1247620132145618" DATA-AD-SLOT = "2253650178" Data-override-format = "True" Data-Page-URL = "// www.vevb.com"> </ ins> <scri '+' pt> (adsbygle = windows.adsbygoogle || []). push ({}); </ s '+' script> ');
};
Remarque: JBMAP est un tableau qui place les publicités. La clé et les ID de balise de portée du tableau les correspondent. Nous pouvons ajouter nos propres publicités sous cette forme dans ce JS. Cette méthode de chargement publicitaire prend en charge la publicité HTML personnalisée, la publicité d'affiliation Baidu et la publicité affiliée Google. Ici, nous l'avons démontré.
3. Présentez JS en bas de la page et appelez JBloader pour charger l'annonce
La copie de code est la suivante:
<script type = "text / javascript" src = 'js / jbloader.js'> </ script>
<script> jbloader (); </cript> <cript> jbloader (true); </cript>
<script> jbloader (); </cript> <cript> jbloader (true); </cript>
<script> jbloader (); </cript> <cript> jbloader (true); </cript>
Remarque: le format doit être le format comme ci-dessus. S'il y a plusieurs espaces réservés, ajoutez quelques <script> jbloader (); </cript> <cript> jbloader (true); </cript>
Ne demandez pas à l'éditeur pourquoi il a appelé de cette façon. En fait, je l'ai également étudié:
1. La première fois que JBloader () est d'écrire la balise, et la deuxième fois que JBloader (true) est de remplacer la balise.
2. Utilisez deux <cript> pour obtenir les éléments correspondants dans le deuxième appel.
3. Écrivez quelques lignes de script lorsqu'il y a plusieurs espaces réservés pour éviter de s'affaire et de les afficher séparément.
En bref: de nombreux sites Web majeurs utilisent cette méthode, afin que tout le monde puisse l'utiliser en toute confiance. À ce stade, l'appel à charger une fois l'annonce de la page terminée.