国内外VPS
主机测评与优惠

使用JS文件調用Google AdSense廣告的方法

本文於 2021-09-02 11:05 更新,部分內容具有時效性,如有失效,請留言

在網頁中插入  Adsense 廣告,一般將源代碼直接嵌入主題模板頁面。事實上 AdSense 支持並允許使用 JS 文件調用。當然前提是不要因任何原因修改代碼,或手動影響廣告的定位。

對於通常的 HTML 靜態網站,一般的做法是將公共頭部和公共尾部都放到單獨的 JavaScript 文件里,例如 header.js 和 footer.js,這樣單獨編輯這兩個 JS 文件,即可同時修改全部網站內容,因此我們可以考慮把 AdSense 的代碼放到這個頭文件里。具體做法如下:

首先,登陸 AdSense 後台,獲取廣告代碼,通常代碼如下:

<script data-ad-client=”ca-pub-YOUR-ID” async src=”://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

之後,我們把如下 JavaScript 代碼放到 header.js 頭文件里即可,代碼如下。

var js = document.createElement(“script”);

js.setAttribute(‘data-ad-client’, ‘ca-pub-YOUR-ID’);

js.setAttribute(‘async’, true);

js.setAttribute(‘src’, ‘://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’);

document.head.appendChild(js);

上面的代碼里,需要把 ca-pub-YOUR-ID 替換為用戶自己ID號碼。

這段代碼和原始的 AdSense 的 JavaScript 原理完全一樣,實際顯示效果也一樣。

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《使用JS文件調用Google AdSense廣告的方法》
文章链接:https://www.liuzhanwu.com/25681.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

评论前必须登录!