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

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

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

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

ภาพรวม

การติดตั้งโฆษณา AdSense Custom Search ลงบนเว็บไซต์มี 3 ขั้นตอนดังนี้

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

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

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

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

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

คัดลอกโค้ดจากโปรแกรมสร้างโค้ดแล้ววางลงในหน้าเว็บ อย่าลืมอัปเดตพารามิเตอร์ query โค้ดที่สร้างในแท็ก head ควรวางไว้ในแท็ก head บนเว็บไซต์เพื่อให้โฆษณาโหลดได้อย่างถูกต้อง โค้ดของหน่วยโฆษณา 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
  '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 หรือการไปยังส่วนต่างๆ ของเว็บไซต์ได้ อย่าใช้พารามิเตอร์ "คำค้นหา" สำหรับการค้นหาที่เกี่ยวข้องในหน้าเนื้อหา เนื่องจากจะทำให้เกิดผลลัพธ์ที่ไม่คาดคิด

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

ผลิตภัณฑ์การค้นหาที่เกี่ยวข้องในเนื้อหาอาศัยระบบการรวบรวมข้อมูลเนื้อหาของ Google ในการจัดทำดัชนีหน้าและสร้างข้อความค้นหาที่เกี่ยวข้อง URL ของหน้าเนื้อหาที่มีพารามิเตอร์การค้นหา เช่น ตัวแปรการติดตาม รหัสผู้ใช้ รหัสเซสชัน หรือตัวระบุแบบไดนามิกอื่นๆ อาจรบกวนความสามารถของโปรแกรมรวบรวมข้อมูลในการประเมินเนื้อหาหลักของหน้า และอาจนำไปสู่ข้อความค้นหาที่เกี่ยวข้องที่ไม่ถูกต้องหรือไม่เกี่ยวข้อง โปรดใช้พารามิเตอร์ "ignoredPageParams" เพื่อระบุพารามิเตอร์ที่ไม่จำเป็นเหล่านี้ เพื่อให้มีการจัดทำดัชนีเนื้อหาที่เหมาะสมและลดปริมาณการรวบรวมข้อมูลที่ไม่จำเป็น วิธีนี้ช่วยให้ 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 clicked an ad to arrive here;
                                           // 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 ในเว็บไซต์ของคุณ
  • อย่าใช้พารามิเตอร์ "คำค้นหา" สำหรับการค้นหาที่เกี่ยวข้องในหน้าเนื้อหา เนื่องจากจะทำให้เกิดผลลัพธ์ที่ไม่คาดคิด