Chrome拡張機能(manifest_version:2)にアドセンスコードを追加したいです。
広告専用の a ブロックがある popup.html ページがあります。
<div id="adblock">
<script type="text/javascript"><!--google_ad_client = "ca-pub-xxxxxx";/* Getfiles Chrome Extn Banner 468x60 */google_ad_slot = "xxxxxx"; google_ad_width = 468;google_ad_height = 60;//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
しかし、実行すると次のエラーが発生します。
Refused to load the script 'http://pagead2.googlesyndication.com/pagead/show_ads.js' because it violates the following Content Security Policy directive: "script-src 'self' https://pagead2.googlesyndication.com/pagead/show_ads.js".
これは、インライン javascript を禁止する新しいコンテンツ セキュリティ ポリシーによるものです。
これを克服するために、popup.jsファイルでそのコードを作成しようとしました
document.addEventListener('DOMSubtreeModified', function() {
var x = chrome.extension.getViews({type:"popup"});
rowOutput='<script type="text/javascript"><!--google_ad_client = "ca-pub-xxxx";/* Getfiles Chrome Extn Banner 468x60 */google_ad_slot = "xxxx"; google_ad_width = 468;google_ad_height = 60;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>';
if (x.length>0){
x[0].document.getElementById('adblock').innerHTML=rowOutput;
}
}, true);
拡張機能をリロードして拡張機能アイコンをクリックすると、ブラウザがハングし、ポップアップが開きません。