ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript は広告の後にロードされ、page_javascript スキルをロードした後に広告がロードされます

JavaScript は広告の後にロードされ、page_javascript スキルをロードした後に広告がロードされます

WBOY
リリース: 2016-05-16 18:15:26
オリジナル
1450 人が閲覧しました

最初にページをロードしてから広告をロードする原則:

Web ページが開かれる順序は上から下に読み込まれるため、広告がページを開く速度に影響を与えないようにするには、すべてのページが開かれるまで待ってから JS コードを読み込む必要があります。広告を読み込む前にページが読み込まれるのを待つことは、実際には、広告の JS コードをページの下部に配置し、ページのコンテンツが開かれるまで待ってから、それを広告コードに読み込み、ページで予約済みの DIV を使用することになります。広告を出力します。

使用方法:
1. ページ上の広告を配置する場所に次のコードを配置します

コードをコピー コードは次のとおりです:

読み込み中...


2. 次のコードをページの下部 (フッターおよび php ファイルの下部) に配置します。
コードをコピー コードは次のとおりです:

ここに広告コードを入力

<スクリプトタイプ="text/javascript"> document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML; document.getElementById("span_myads").innerHTML = ""
;


この方法では、最初にページが読み込まれてから広告が読み込まれるので、全員の読書に影響を与えることはありません。


上記の方法はあらゆる種類の広告を読み込むことができますが、現在 Baidu と Google ではこの方法の使用を許可していません。広告が 2 回読み込まれやすくなり、クリック率も低下します。以下では、Script House の編集者が広告を読み込む比較的新しい方法を紹介します:


1. 文字列型と Google 型を読み込むことができます

<div id="logo_m"></div>
<script>
function doad(datastr,id){ 
//getid(id).innerHTML = datastr; 这个是原生js的写法
$("#"+id).html(datastr); //这个是jquery写法
}
/*
上面的都是直接的字符串写入,不能是js代码
下面的代码利用的是jquery的append加载google广告不错,百度的好像不能用。后加载百度的可以是用百度管家自带的函数。
*/
function doad2(datastr,id){ 
$("#"+id).append(datastr);
}

var logo_m='<a href="http://www.danhw.com/" target="_blank"><img src="http://files.jb51.net/image/kongbao_370.gif" width=370 height=60 /></a>';
doad(logo_m,'logo_m');
</script>
ログイン後にコピー
2. Google 広告を読み込むコード

$(document).ready(function(){
	$('#google_ads_1').append("" +
	"<script src=\"\/\/pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script>"+
	"<!-- question-side -->"+
	"<ins class=\"adsbygoogle\""+
	"   style=\"display:inline-block;width:728px;height:90px\""+
	"   data-ad-client=\"ca-pub-345345345345\""+
	"   data-ad-slot=\"345345345\"></ins>"+
	"<script>"+
	"  (adsbygoogle = window.adsbygoogle || []).push({});"+
	"<\/script>");
});
ログイン後にコピー
通常、ページは完全に読み込まれ、広告が追加されます。もちろん、広告を非同期で読み込むための Google の新しいコードも非常に高速であり、Web ページがスタックすることはありません。
上記はすべて、後で Google を読み込む非同期広告コードです。


個人的にはこの文字ロード方法は好きではありませんが、それでも気に入っています。コードは次のとおりです。

var botad='<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>';
botad+='<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-343534534" data-ad-slot="6343459"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>';

$(document).ready(function(){
	$('#google_ads_1').append();
});
ログイン後にコピー
3. Baidu Advertising Alliance のコードをロードできます

jquery に基づく、Baidu Butler 独自のポストロード広告用コード

<div id="tonglanbd"></div>
<script type="text/javascript">
$.getScript("http://cbjs.baidu.com/js/m.js", function() {
BAIDU_CLB_fillSlotAsync("广告id,不能带u","tonglanbd");
});
</script>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート