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

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

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

首先，登陸 Google AdSense 後台，獲取廣告代碼，通常代碼如下：

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

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

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

js.setAttribute(‘async', true);

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

document.head.appendChild(js);

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

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