使用jQuery，如何根据页面高度限制广告单元的数量？

Question

My app is built using a 2-column design, with the right 300-pixel column being used to show one Adsense ad unit.

Since some pages are taller, I am wondering if there's a way to have jQuery determine the height of my #main_wrapper and show an additional ad unit if it exceeds a certain size in pixels. Sort of like this:

    // ad unit #1 shown here by default in all pages

<script>

$(document).ready(function(){

            if ($('#main_wrapper').height() > 660) {

            //show add unit #2
        }

});

</script>

My issue is with how to deal with wrapping the ad unit code with the jQuery/JS condition above. A typical ad unit is:

<script type="text/javascript"><!--
google_ad_client = "ca-pub-123123123123";
/* Sidebar 300 Middle */
google_ad_slot = "123123123";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

How would I insert that inside the jQuery above?

Answer 1

Maybe you should include this strings in the needed block?

 if ($('#main_wrapper').height() > 660)
 {
  google_ad_client = "ca-pub-123123123123";
  google_ad_slot = "123123123";
  google_ad_width = 300;
  google_ad_height = 250;
 }

Answer 2

Something like:

Edit: Code changed as previous was causing error parsing </script>

Edit: After reading this replaced jquery's .append() with pojs and script element is being added to DOM tree

$(document).ready(function(){

    function adUnit(client, slot, width, height) {
        var unit = '<!--\n';
            unit += 'google_ad_client = ' + client + ';\n';
            unit += 'google_ad_slot = ' + slot + ';\n';
            unit += 'google_ad_width = ' + width + ';\n';
            unit += 'google_ad_height = ' + height + ';\n';
            unit += '//-->';

        var script = document.createElement('script');
            script.type = 'text/javascript';
            script.text =  unit;

        document.head.appendChild(script);
        console.log('adUnit executed');
    }
    adUnit(1, 2, 3, 4);

});