この記事では、主に、宣伝後の新しい方法を紹介し、カスタマイズされたHTML広告、Baiduアフィリエイト広告、Googleアフィリエイト広告をサポートしています。この方法は、ページがロードされた後に実行され、コンテンツの表示に影響を与えず、よりユーザーフレンドリーです。
Webサイトに広告を配置する最も簡単な方法は、JSコードを指定された場所に挿入することです。これには、ページが順番にロードされるという結果があります。時折、広告コードが詰まっており、ページ全体が立ち往生し、ユーザーに非常に悪い経験をもたらします。
では、この問題を解決する方法は？最初に原則について話しましょう。私たちのページにいくつかのプレースホルダーを予約しましょう。ページコンテンツの読み込みに影響を与えないために、ページの下部にJS処理を導入し、プレースホルダーを対応する広告に1つずつ置き換えます。
以下の特定の実装手順を見てみましょう。
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）;
if（_f！= undefined）{
_f（）
}
} catch（e）{}
}
関数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];
壊す
}
}
if（jbtest == null）return;
if（！closetag）{
document.write（ "<span id = jbtestpos_" + jbtest.id + "style = display：none>"）;
jbviajs（jbtest.id）;
戻る
}
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））継続;
jbtest.parentnode.insertbefore（node、jbtest）;
私 -
}
jbtest.parentnode.removechild（jbtest）;
real.parentnode.removechild（real）
}
jbmap ['ads_one'] = function（）{
document.writeln（ '<a href = "// www.vevb.com/"ターゲット= "_ 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"> </sc+'+'+' ipt> '）;
};
jbmap ['ads_three'] = function（）{
document.writeln（ '<scri'+'pt async src = "// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'+'pt> <ins style =" display：inline-block; width：300px; height：250px "" " data-ad-client = "CA-PUB-1247620132145618" data-ad-slot = "2253650178" data-override-format = "true" data-page-url = "// www.vevb.com"> </ins> <scri '+' pt> []）。push（{{}）; </s '+'スクリプト> '）;
};
注：JBMAPは、広告を配置する配列です。配列のキーおよびスパンタグIDは、それらに対応しています。この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（）はタグを作成することであり、2回目のjbloader（true）はタグを置き換えることです。
2。2回目の呼び出しで対応する要素を取得するには、2つの<script> sを使用します。
3。互いに影響を与えないようにして個別に表示するために複数のプレースホルダーがいる場合は、数行のスクリプトを書きます。
要するに、多くの主要なWebサイトがこの方法を使用しているため、誰もが自信を持って使用できます。この時点で、ページ広告後にロードする呼び出しが完了します。