บทความนี้อธิบายตำแหน่งที่ควรเพิ่มโค้ดหน่วยโฆษณาใน HTML เพื่อแสดงโฆษณา AdSense
หากไม่คุ้นเคยกับการใช้ HTML คุณควรดูวิธีการวางโค้ดโฆษณาในหน้า HTML ก่อน โดยขึ้นอยู่กับเครื่องมือที่ใช้ ก่อนดําเนินการต่อ คุณควรทราบความแตกต่างระหว่างโค้ด AdSense กับโค้ดหน่วยโฆษณาด้วย
ในหน้านี้
ตําแหน่งที่ควรเพิ่มโค้ดหน่วยโฆษณา
หลังจากที่ได้รับและคัดลอกโค้ดหน่วยโฆษณาแล้ว คุณจะต้องวางระหว่างแท็ก <body> และ </body> ของหน้าเว็บ การวางโค้ดโฆษณานอกแท็ก <body> จะทำให้โฆษณาปรากฏอย่างไม่ถูกต้อง
ตัวอย่างหน้า HTML ก่อนเพิ่มโค้ดหน่วยโฆษณา
<html>
<head>
นี่คือส่วน head ของหน้า
<title>หน้า HTML ตัวอย่าง</title>
</head>
<body>
นี่คือส่วน body ของหน้า
</body>
</html>
ตัวอย่างหน้า HTML หลังเพิ่มโค้ดหน่วยโฆษณาในแท็ก <body>
<html>
<head>
นี่คือส่วน head ของหน้า
<title>หน้า HTML ตัวอย่าง</title>
</head>
<body>
นี่คือส่วน body ของหน้า
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
วิธีกำหนดตําแหน่งโฆษณาในเว็บไซต์ด้วย HTML
เช่นเดียวกับองค์ประกอบอื่นๆ ของเว็บไซต์ (รูปภาพ ย่อหน้า ฯลฯ) คุณเปลี่ยนตำแหน่งของโฆษณา Google ได้โดยใช้แท็ก HTML (<div>, <table> ฯลฯ) เช่น หากคุณวางโค้ดโฆษณาไว้ในแท็ก HTML <div align="center"> และ </div> โฆษณาจะปรากฏขึ้นตรงกลางหน้าเว็บ
ตัวอย่างองค์ประกอบ <div> ของ HTML ที่ใช้กำหนดตําแหน่งโฆษณาในแท็ก <div>
<html>
<head>
นี่คือส่วน head ของหน้า
<title>หน้า HTML ตัวอย่าง</title>
</head>
<body>
นี่คือส่วน body ของหน้า
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
