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