تقدم هذه المقالة بشكل أساسي طريقة جديدة لما بعد الانتعاش ، ودعم إعلانات HTML المخصصة ، والإعلانات التابعة لـ BAIDU والإعلانات التابعة لـ Google. يتم تنفيذ هذه الطريقة بعد تحميل الصفحة ، ولا تؤثر على عرض المحتوى وأكثر سهولة في الاستخدام.
أسهل طريقة بالنسبة لنا لوضع الإعلانات على الموقع هي إدراج رمز JS في الموقع المحدد. هذا له نتيجة تم تحميل الصفحة بالترتيب. في بعض الأحيان ، يتم عالق رمز الإعلان ، وسيتم تعليق الصفحة بأكملها ، والتي تجلب تجربة سيئة للغاية للمستخدم.
فكيف تحل هذه المشكلة؟ دعنا نتحدث عن المبدأ أولاً. دعنا نحجز بعض العناصر النائبة على صفحتنا. من أجل عدم التأثير على تحميل محتوى الصفحة ، نقدم معالجة JS في أسفل الصفحة واستبدال العناصر النائبة بالإعلانات المقابلة واحدة تلو الأخرى.
دعونا نلقي نظرة على خطوات التنفيذ المحددة أدناه:
1. ضع عنصرًا نائبًا على الصفحة ، وهو في الواقع علامة تمتد
نسخة الكود كما يلي:
<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) ؛
إذا (_f! = غير محدد) {
_f ()
}
} catch (e) {}
}
وظيفة jbloader (closetag) {
var jbtest = null ،
jbtestpos = document.getElementsByTagName ("span") ؛
لـ (var i = 0 ؛ i <jbtestpos.length ؛ i ++) {
if (jbtestpos [i] .className == "JBTESTPOS") {
JBTEST = JBTESTPOS [i] ؛
استراحة
}
}
إذا (jbtest == null) العودة ؛
إذا (! closetag) {
document.write ("<span id = jbtestpos_" + jbtest.id + "style = display: none>") ؛
jbviajs (jbtest.id) ؛
يعود
}
document.write ("</span>") ؛
var real = document.getElementById ("jbtestpos_" + jbtest.id) ؛
لـ (var i = 0 ؛ i <real.childnodes.length ؛ i ++) {
var node = real.childnodes [i] ؛
if (node.tagname == "script" && /closetag/.test(node.className)) متابعة ؛
jbtest.parentnode.insertbefore (العقدة ، jbtest) ؛
أنا--
}
jbtest.parentnode.removechild (JBTEST) ؛
real.parentnode.removechild (حقيقي)
}
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/javaScript
} ؛
JBMAP ['ads_three'] = function () {
document.writeln ('<scri'+'pt async src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'+'pt> style =" display: inline-block ؛ width: 300px ؛ height: 250px data-ad-slot = "2253650178" data-override-format = "true" data-page-url = "// www.vevb.com"> </ins> <scri '+' 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. اكتب بضعة أسطر من البرنامج النصي عندما يكون هناك العديد من العناصر النائبة لتجنب التأثير على بعضهم البعض وعرضها بشكل منفصل.
باختصار: تستخدم العديد من مواقع الويب الرئيسية هذه الطريقة ، حتى يتمكن الجميع من استخدامها بثقة. عند هذه النقطة ، يتم تحميل المكالمة بعد اكتمال إعلان الصفحة.