การใช้งานเว็บ

หมายเหตุ: สร้างคำขอโฆษณา 1 รายการต่อหน้าเท่านั้นไม่ว่าจะมีการบล็อกกี่รายการก็ตาม

สำคัญ: โปรดอ่านข้อกำหนดและเงื่อนไขก่อนใช้รหัสนี้

หากต้องการใช้โค้ดนี้ คุณต้องมีบัญชี AdSense ที่มีสิทธิ์ที่ใช้งานอยู่ในการใช้ AdSense Custom Search Ads

ภาพรวม

การติดตั้ง AdSense Custom Search Ads ในเว็บไซต์มี 3 ขั้นตอนดังนี้

ขั้นตอนที่ 1: สร้างสไตล์โฆษณาที่กำหนดเองในเครือข่ายการค้นหาใน AdSense

หลังจากลงชื่อเข้าใช้ ให้ขยายโฆษณาสําหรับ Search แล้วคลิกสไตล์โฆษณาใน Search คุณจะสร้างสไตล์ใหม่หรืออัปเดตสไตล์ที่มีอยู่ได้จากที่นี่

ขั้นตอนที่ 2: กำหนดค่าโค้ด

คลิกรับรหัส ฝัง กําหนดค่าคอนเทนเนอร์โฆษณาให้ตรงกับคอนเทนเนอร์โฆษณาในหน้าค้นหา

ขั้นตอนที่ 3: ติดตั้งโค้ด

คัดลอกโค้ดจากเครื่องมือสร้างโค้ดและวางในหน้าเว็บ อย่าลืมอัปเดตพารามิเตอร์ query ควรวางโค้ดที่สร้างขึ้นในแท็กส่วนหัวไว้ในแท็กส่วนหัวบนเว็บไซต์เพื่อให้โฆษณาโหลดได้อย่างถูกต้อง โค้ดของหน่วยโฆษณา 1 จะมีการตั้งค่าของหน่วยโฆษณาทั้งหมดในหน้าเว็บ หน่วยโฆษณาเพิ่มเติมจะต้องวางหน่วยโฆษณาที่เกี่ยวข้อง <div> ในหน้าเว็บที่โฆษณาจะแสดงเท่านั้น

ฟีเจอร์ที่ใช้บ่อยที่สุดจะมีอยู่ในเครื่องมือสร้างโค้ด แต่มีพารามิเตอร์เพิ่มเติมบางรายการในส่วนข้อมูลอ้างอิง ส่วนข้อมูลอ้างอิงประกอบด้วยตัวเลือกระดับหน้าเว็บทั้งหมด ซึ่งใช้กับหน่วยโฆษณาทั้งหมดในหน้าเว็บ รวมถึงตัวเลือกระดับหน่วยทั้งหมดซึ่งใช้กับหน่วยโฆษณาแต่ละหน่วย

รหัสตัวอย่าง

การโหลดโฆษณาแบบอะซิงโครนัส

โค้ดที่สร้างเป็นโค้ดอะซิงโครนัส ตัวอย่างที่สมบูรณ์ของการโหลดโฆษณาแบบอะซิงโครนัสจะแสดงด้านล่าง คุณอาจเปิดตัวอย่างนี้ในแท็บใหม่ อย่าลืมใส่รหัสลูกค้าของคุณเอง

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId' : 'test client ID', // Enter your own client-ID here
  'query' : 'flowers', // User query for this page
  'styleId': '7824176615' // Enter your own style ID here
};

var adblock1 = {
  'container' : 'afscontainer1',
  'width' : 700
};

var adblock2 = {
  'container' : 'afscontainer2',
  'width' : 700
};

_googCsa('ads', pageOptions, adblock1, adblock2);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

การค้นหาที่เกี่ยวข้องใน Search คือหน่วยการค้นหาทั่วไปที่มีข้อความค้นหาซึ่งเกี่ยวข้องกับข้อความค้นหาปัจจุบัน ลิงก์ในหน่วยนี้จะไปยังหน้าผลการค้นหาใหม่ 

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'query': 'flowers', // User query for this page
  'styleId': '1234567890', // Enter your own style ID here
  'resultsPageBaseUrl': '//www.example.com/search', // Enter your own base URL here
  'resultsPageQueryParam': 'query' // Enter your own query parameter here
};

var adblock = {
  'container': 'afscontainer1',
  'number': 3,
  'width': 700
};

var rsblock = {
  'container': 'afscontainer2',
  'relatedSearches': 6,
  'width': 500
};

_googCsa('ads', pageOptions, adblock, rsblock);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

การค้นหาที่เกี่ยวข้องในหน้าเนื้อหา

การค้นหาที่เกี่ยวข้องในเนื้อหาจะแสดงข้อความค้นหาที่เกี่ยวข้องกับเนื้อหาในหน้าเว็บแก่ผู้ใช้ วิธีนี้ช่วยให้ผู้ใช้สํารวจหัวข้อที่เกี่ยวข้อง มีส่วนร่วมกับโฆษณา Search หรือการนําทางในเว็บไซต์ อย่าใช้พารามิเตอร์ "การค้นหา" สำหรับการค้นหาที่เกี่ยวข้องในหน้าเนื้อหา เนื่องจากจะทำให้ได้รับผลลัพธ์ที่ไม่คาดคิด 

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<p>Page content</p>

<div id="afscontainer1"></div>

<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'relatedSearchTargeting': 'content', // Must use 'content'
  'hl': 'en', // The preferred language for related terms (default to 'en' if not specified)
  'styleId': '1234567890', // Enter your style ID
  'resultsPageBaseUrl': '//www.example.com/search', // Enter the base URL of your results page
  'resultsPageQueryParam': 'query', // Specify the query parameter on your results page
  'terms': 'term a,term b', // Optionally provide your own related terms in a comma-delimited list
  'referrerAdCreative': 'example ad title' // Only used when a user clicked an ad to arrive here
};

var rsblock1 = {
  'container': 'afscontainer1',
  'relatedSearches': 6
};

_googCsa('relatedsearch', pageOptions, rsblock1);
</script>

<p>More page content</p>

</body>
</html>

สิ่งที่ควรหลีกเลี่ยง

เราขอแนะนําให้ผู้เผยแพร่โฆษณาทุกรายปฏิบัติตามหลักเกณฑ์ในการติดตั้งใช้งาน AdSense Custom Search Ads และหลีกเลี่ยงวิธีการติดตั้งใช้งานที่อาจรบกวนการแสดงโฆษณาและทําให้เกิดผลลัพธ์ที่ไม่คาดคิดหรือประสิทธิภาพต่ำกว่าที่ควร

  • อย่าเรียกโฆษณาหลายรายการจากหน้าหนึ่งๆ ยกเว้นในกรณีที่ใช้การเลื่อนได้ไม่รู้จบ
  • อย่าซ่อนตัวบล็อกโฆษณาก่อนหรือหลังจากที่โฆษณาแสดงผล
  • อย่าย้ายตัวบล็อกโฆษณาไปรอบๆ หน้า
  • อย่าขอตัวบล็อกโฆษณามากกว่าที่ต้องการแสดงในหน้าเว็บ
  • ไม่ดัดแปลง DOM ของตัวบล็อกโฆษณา
  • ไม่ใช้การโหลดแบบ Lazy Loading ของคุณเอง (ใช้การโหลดแบบ Lazy Loading ของ Google แทน)
  • อย่าแคชทรัพยากร JS ของ Google ในเว็บไซต์ของคุณ
  • อย่าใช้พารามิเตอร์ "การค้นหา" สำหรับการค้นหาที่เกี่ยวข้องในหน้าเนื้อหา เนื่องจากจะทำให้ได้รับผลลัพธ์ที่ไม่คาดคิด