</body>
<div id="adsense" style="display:none;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6739623484530657";
/* mobile */
google_ad_slot = "4631487563";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</html>
แล้ววาง
<li>
<div id="googleadgoeshere"></div>
<br><br><br>
</li>
ไว้ในตำแหน่งของ List View ที่จะแสดงโฆษณา
จากนั้นก็เขียน code นี้ไว้ตรงส่วนบนของหน้า page
<script type="text/javascript">
$(window).load(function(){
$("#adsense").find("iframe").appendTo("#googleadgoeshere");
$("#adsense").remove();
});
</script>
เมื่อ browser โหลดหน้า page ก็จะดึงโฆษณาของ Google ที่อยู่ในส่วนท้ายของ div ที่ตั้งไว้ไปวางในตำแหน่งที่ JQuery ควบคุมอยู่ ซึ่งการควบคุมของ JQuery นั้นมันหมดไปก่อนแล้ว ไอ้ code ที่เราวางไว้ตอนบนนั้น ต้องอยู่หลังการเรียก .js ของ JQuery เข้าใจปล่าวเนี่ย
อันนี้ต้องขอบคุณ stackoverflow.com เพราะลอกมา แต่คิดว่าอธิบายให้เข้าใจได้ง่ายกว่าด้วยภาษาไทย
http://stackoverflow.com/questions/1142861/jquery-append-google-adsense-to-div
ไม่มีความคิดเห็น:
แสดงความคิดเห็น