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

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

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

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

ภาพรวม

การติดตั้งใช้งานโฆษณา Search ที่กำหนดเองของ AdSense ในเว็บไซต์เป็นกระบวนการ 3 ขั้นตอนดังนี้

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

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

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

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

ขั้นตอนที่ 3: ใช้โค้ด

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

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

โค้ดตัวอย่าง

การโหลดโฆษณาแบบไม่พร้อมกัน

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

<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
  'relatedSearchTargeting': 'query', // Must use 'query' for Related Search on Search pages
  '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 หรือการนําทางเว็บไซต์ อย่าใช้พารามิเตอร์ "query" สำหรับการค้นหาที่เกี่ยวข้องในหน้าเนื้อหา เนื่องจากจะทำให้เกิดผลลัพธ์ที่ไม่คาดคิด

หมายเหตุ: ก่อนที่ข้อความค้นหาที่เกี่ยวข้องจะสามารถแสดงบนเว็บไซต์ของคุณได้ Google จำเป็นต้องทำการ Crawl หน้าเว็บของคุณเพื่อให้มั่นใจว่าข้อความดังกล่าวมีความเกี่ยวข้องตามบริบท เมื่อหน้าเว็บยังไม่ได้ทำการ Crawl หรือ ถูกบล็อกไม่ให้ทำการ Crawl (เช่น โดย robots.txt) โดย Mediapartners-Google Crawler เราจะไม่แสดงคำที่เกี่ยวข้องที่แนะนำซึ่งคุณระบุไว้กับ Google

ผลิตภัณฑ์การค้นหาที่เกี่ยวข้องในเนื้อหาอาศัยระบบการ Crawl เนื้อหาของ Google เพื่อจัดทำดัชนีหน้าเว็บ และสร้างข้อความค้นหาที่เกี่ยวข้อง URL ของหน้าเนื้อหาที่มีพารามิเตอร์การค้นหา เช่น ตัวแปรการติดตาม รหัสผู้ใช้ รหัสเซสชัน หรือตัวระบุแบบไดนามิกอื่นๆ อาจขัดขวางความสามารถของ Crawler ในการประเมินเนื้อหาหลักของหน้าเว็บ และอาจทําให้ข้อความค้นหาที่เกี่ยวข้องไม่ถูกต้องหรือไม่เกี่ยวข้อง โปรดใช้พารามิเตอร์ "ignoredPageParams" เพื่อระบุพารามิเตอร์ที่ไม่จำเป็นเหล่านี้ เพื่อให้มั่นใจว่ามีการจัดทำดัชนีเนื้อหาอย่างเหมาะสมและลดภาระการ Crawl ที่ไม่จำเป็น ซึ่งจะช่วยให้ Google จดจำหน้าเว็บได้ดียิ่งขึ้นว่าได้ทำการ Crawl แล้ว และเริ่มแสดงคำที่แนะนำ (ทั้งของ Google และ ของพาร์ทเนอร์ หากมีสิทธิ์) 

<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' for Related Search on Content pages
  '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 comes from a source you control;
                                           // required when 'terms' is present.
};

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 ในเว็บไซต์
  • อย่าใช้พารามิเตอร์ "query" สำหรับการค้นหาที่เกี่ยวข้องในหน้าเนื้อหา เนื่องจากจะทำให้เกิดผลลัพธ์ที่ไม่คาดคิด