Este artículo presenta principalmente una nueva forma de después de la publicidad, admitiendo anuncios HTML personalizados, anuncios de afiliados de Baidu y anuncios de afiliados de Google. Este método se ejecuta después de cargar la página y no afecta la visualización de contenido y es más fácil de usar.
La forma más fácil de colocar anuncios en el sitio web es insertar el código JS en la ubicación especificada. Esto tiene la consecuencia de que la página está cargada en orden. Ocasionalmente, un código de publicidad está atascado, y toda la página estará atascada, lo que aporta una experiencia muy pobre al usuario.
Entonces, ¿cómo resolver este problema? Hablemos primero sobre el principio. Reservemos algunos marcadores de posición en nuestra página. Para no afectar la carga del contenido de la página, presentamos el procesamiento JS en la parte inferior de la página y reemplazamos a los marcadores de posición con los anuncios correspondientes uno por uno.
Veamos los pasos de implementación específicos a continuación:
1. Coloque un marcador de posición en la página, que en realidad es un spank
La copia del código es la siguiente:
<span id = "ads_one"> </span>
<span id = "ads_two"> </span>
<span id = "ads_three"> </span>
2. Escriba el código de script JS independiente: jbloader.js
La copia del código es la siguiente:
jbmap = window.jbmap || {};
function jbviajs (locationId) {
var _f = indefinido;
var _fconv = 'jbmap [/"' + locationId + '/"]';
intentar {
_f = eval (_fconv);
if (_f! = Undefined) {
_F()
}
} catch (e) {}
}
función jbloader (closetag) {
var jbtest = null,
jbtestpos = document.getElementsBytagName ("Span");
para (var i = 0; i <jbtestpos.length; i ++) {
if (jbtestpos [i] .classname == "jbtestpos") {
JBtest = JBtestpos [i];
romper
}
}
if (jBtest == null) return;
if (! closetag) {
document.write ("<span id = jbtestpos_" + jbtest.id + "style = display: none>");
jbviajs (jbtest.id);
Devolver
}
document.write ("</span>");
var real = document.getElementById ("JBtestpos_" + JBtest.id);
para (var i = 0; i <real.childnodes.length; i ++) {
var nodo = real.childnodes [i];
if (node.tagname == "script" && /closetag/.test(node.classname)) continuar;
jbtest.parentnode.insertbefore (nodo, jbtest);
i--
}
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"> </cr'+'ipt>');
};
jbmap ['ads_three'] = function () {
document.writeLn ('<scri'+'pt async src = "// pagead2.googlesyndication.com/pagaad/js/adsbygoogle.js"></scri'+'pt><<ins style =" Display: Inline-Block; Width: 300px; AUGHT: 250PX "Data-AD-Client =" Ca-Pub-1247620132113113113113113113113113113113113131131313113113113113132132113131313131313131311313213213213213213213213213213213213211 data-ad-slot = "2253650178" data-override-format = "true" data-page-url = "// www.vevb.com"> </s insp.> <scri '+' pt> (adsbygoogle = window.adsbygoogle || []). PUSH (}); </s '+' script> ');
};
Nota: JBMAP es una matriz que coloca anuncios. Las ID de clave y etiqueta de la matriz corresponden a ellas. Podemos agregar nuestros propios anuncios en este formulario en este JS. Este método de carga publicitaria admite publicidad HTML personalizada, publicidad de afiliados de Baidu y publicidad de afiliados de Google. Aquí lo hemos demostrado.
3. Introducir a JS en la parte inferior de la página y llamar a JBloader para cargar el anuncio
La copia del código es la siguiente:
<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>
Nota: El formato debe ser el formato como se indicó anteriormente. Si hay varios marcadores de posición, agregue algunos <script> jbloader (); </script> <script> jbloader (true); </script>
No le preguntes al editor por qué llamó de esta manera. De hecho, también lo he estudiado:
1. La primera vez que jbloader () es escribir la etiqueta, y la segunda vez que jbloader (verdadero) es reemplazar la etiqueta.
2. Use dos <script> s para obtener los elementos correspondientes en la segunda llamada.
3. Escriba algunas líneas de guión cuando hay varios marcadores de posición para evitar afectarse entre sí y mostrarlos por separado.
En resumen: muchos sitios web principales están utilizando este método, para que todos puedan usarlo con confianza. En este punto, la llamada a cargar después de que se complete el anuncio de la página.