ตัวอย่างนี้แสดงการติดตั้งใช้งานแอปพลิเคชันหน้าเว็บเดียว (SPA) ขั้นพื้นฐานโดยใช้แท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT), React และ Next.js
สิ่งสำคัญที่ควรทราบเมื่อทำงานกับ GPT ใน SPA มีดังนี้
- ตรวจสอบว่า GPT โหลดเพียงครั้งเดียว
- ใช้
disableInitialLoad()และrefresh()เพื่อควบคุมเวลาที่จะสร้างคำขอโฆษณา ดูรายละเอียดได้ที่ควบคุมการโหลดและการรีเฟรชโฆษณา - ใช้
setTargeting()และclearTargeting()เพื่อควบคุมการกำหนดเป้าหมายที่ใช้กับช่องโฆษณา ดูรายละเอียดได้ที่การกำหนดเป้าหมายคีย์-ค่า - ใช้
destroySlots()เพื่อล้างช่องโฆษณาที่ไม่จำเป็นอีกต่อไป (เช่น เมื่อนำคอนเทนเนอร์ช่องโฆษณาออกเนื่องจากมีการยกเลิกการโหลดคอมโพเนนต์)