私のWordPressサイトのページ/投稿のいくつかはかなり長くなり、サイドバーは空白で空っぽに座っているだけで間抜けに見えると思います. さらに、その空きスペースは広告の機会を逃してしまいます。だから、私がやろうとしているのは、javascript を使用して #main の高さを決定し、#sidebar の高さがほぼ等しくなるまで Adsense スクリプトを動的に追加することです (別の広告セットが収まらないことを意味します)。
offsetHeight を使用して両方の div の高さをプルする方法を決定しました (これは完璧ではないことを認識しています)。個別の div の高さが等しくなるまで do/while を実行するロジックを理解しています。
Adsense コードは 2 つの部分に分かれています。最初の部分はいくつかの変数を設定するだけで、2 番目の部分はコードを呼び出し、最初の部分の変数を使用していると思います。アドセンスで広告を表示するには、両方が必要です。両方が複数回存在する場合、広告は複数回表示されます。コードの最初のセクションを別の .js ファイルにダンプしたので、あとは、別々の src 属性を使用して両方のスクリプトを呼び出す方法を理解する必要があります。
このコードを見つけて、自分の状況に合わせました (ヘッダーに入れました) が、機能しません (何も表示されません):
var sidebar= document.getElementById('sidebar')[0];
var script1 = document.createElement("script");
script1.type = "text/javascript";
script1.src = "link/to/javascript/file.js";
var script2 = document.createElement("script");
script2.type = "text/javascript";
script2.src = "http://pagead2.googlesyndication.com/pagead/show_ads.js";
sidebar.appendChild(script1);
sidebar.appendChild(script2);
[0]そして、私はそれが必要だとは思わなかったので、 なしで上記のコードを試しました。どちらのオプションも機能しません。
私がやっている方法でこれをやってのける方法についてのアイデアはありますか? コードを実行するためのより良い方法に関するアイデア。