In diesem Artikel wird hauptsächlich eine neue Methode zur Nachbeobachtung vorgelegt, die kundenspezifische HTML-Anzeigen, Baidu-Affiliate-Anzeigen und Google Affiliate-Anzeigen unterstützt. Diese Methode wird nach dem Laden der Seite ausgeführt und wirkt sich nicht auf die Anzeige von Inhalten aus und ist benutzerfreundlicher.
Der einfachste Weg für uns, Werbung auf der Website zu platzieren, besteht darin, den JS -Code in den angegebenen Ort einzulegen. Dies hat die Folge, dass die Seite in der Reihenfolge geladen wird. Gelegentlich steckt ein Werbecode fest und die gesamte Seite wird festgefahren, was dem Benutzer eine sehr schlechte Erfahrung bringt.
Wie kann man dieses Problem lösen? Sprechen wir zuerst über das Prinzip. Lassen Sie uns einige Platzhalter auf unserer Seite reservieren. Um das Laden des Seiteninhalts nicht zu beeinflussen, stellen wir die JS -Verarbeitung am Ende der Seite vor und ersetzen die Platzhalter durch die entsprechenden Anzeigen einzeln.
Schauen wir uns die folgenden spezifischen Implementierungsschritte an:
1. Platzieren Sie einen Platzhalter auf die Seite, was eigentlich eine Spannweite ist
Die Codekopie lautet wie folgt:
<span id = "ads_one"> </span>
<span id = "ads_two"> </span>
<span id = "ads_three"> </span>
2. Schreiben Sie unabhängigen JS -Skriptcode: jbloader.js
Die Codekopie lautet wie folgt:
jbmap = window.jbmap || {};
Funktion JBVIAJS (locationId) {
var _f = undefiniert;
var _fconv = 'JBMAP [/"' + locationID + '/"]';
versuchen {
_f = eval (_fconv);
if (_f! = undefiniert) {
_F()
}
} catch (e) {}
}
Funktion Jbloader (Closetag) {
var jbtest = null,
JBTESTPOS = document.getElementsByTagName ("span");
für (var i = 0; i <jbtestpos.length; i ++) {
if (jbtestpos [i] .className == "JBTESTPOS") {
JBTEST = JBTESTPOS [i];
brechen
}
}
if (jBTEST == null) return;
if (! closetag) {
document.write ("<span id = jbtestpos_" + jBTEST.ID + "style = display: keine>");
JBVIAJS (JBTEST.ID);
Zurückkehren
}
document.write ("</span>");
var real = document.getElementById ("JBTESTPOS_" + JBTEST.ID);
für (var i = 0; i <real.childnodes.length; i ++) {
var node = real.childnodes [i];
if (node.tagname == "script" && /closetag/.test(node.className)) Fortsetzung;
JBTEST.PARENTNODE.InsertBefore (Knoten, JBTEST);
ich--
}
JBTEST.PARENTNODE.REMOVECHILD (JBTEST);
real.parentnode.removechild (real)
}
JBMAP ['ads_one'] = function () {
document.writeln ('<a href = "// www.vevb.com/" target = "_ leer"> wulin.com </a>');
};
JBMAP ['ads_two'] = function () {
document.writeLn ('<scr'+'ipt type = "text/javaScript"> var cpro_id = "u336546";
};
JBMAP ['ads_three'] = function () {
document.writeln ('<scri'+'pt async src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></Scri'+'Pt><ins style =" display: inline-block; widthTh: 300px; Höhe: 250px "" data-ad-client = "CA-PUB-1247620132145618" Data-ad-Slot = "2253650178" Data-Override-Format = "True" Data-Page-URL = "// www.vevb.com"> </iNS> <cri '+' Pt> (adsbygoogle = Window.adsbygoogle | []). push ({}); </s '+' script> ');
};
HINWEIS: JBMAP ist ein Array, das Werbung stellt. Die Schlüssel- und Span -Tag -IDs des Arrays entsprechen ihnen. Wir können unsere eigenen Anzeigen in dieser Form in diesem JS hinzufügen. Diese Werbe -Lademethode unterstützt angepasste HTML -Werbung, Baidu -Affiliate -Werbung und Google Affiliate Advertising. Hier haben wir es demonstriert.
3.. Führen Sie JS am Ende der Seite ein und rufen Sie Jbloader an, um die Anzeige zu laden
Die Codekopie lautet wie folgt:
<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>
Hinweis: Das Format muss das Format wie oben sein. Wenn es mehrere Platzhalter gibt, fügen Sie ein paar <Script> jbloader () hinzu;
Fragen Sie den Herausgeber nicht, warum er so angerufen hat. Tatsächlich habe ich es auch studiert:
1. Das erste Mal, dass Jbloader () das Tag schreiben soll, und das zweite Mal, dass JBLOADER (TRUE) das Tag ersetzen soll.
2. Verwenden Sie zwei <skript> s, um die entsprechenden Elemente im zweiten Anruf zu erhalten.
3. Schreiben Sie ein paar Skriptzeilen, wenn es mehrere Platzhalter gibt, um sich gegenseitig zu beeinflussen, und sie separat anzeigen.
Kurz gesagt: Viele wichtige Websites verwenden diese Methode, sodass jeder sie mit Zuversicht verwenden kann. Zu diesem Zeitpunkt ist der Anruf nach Abschluss der Seitenwerbung zu laden.