Web Stories เป็นแพลตฟอร์มโอเพนซอร์สสําหรับการเล่าเรื่องด้วยภาพ คุณใช้ AdSense เพื่อแสดงโฆษณาใน Web Stories ได้ ปัจจุบันมีเฉพาะโฆษณาแบบดิสเพลย์ของ Google ที่ให้บริการผ่าน AdSense แต่อีกไม่นานจะมีพาร์ทเนอร์อุปสงค์เพิ่มเข้ามาอีก
การทำงาน
สร้างหน่วยโฆษณาสําหรับ Web Stories
- ลงชื่อเข้าใช้บัญชี AdSense
- คลิกโฆษณา
- คลิกตามหน่วยโฆษณา
- คลิกโฆษณา Display
- ตั้งชื่อหน่วยโฆษณา เราขอแนะนำให้ใช้ชื่อที่สื่อความหมายและไม่ซ้ำกันเพื่อช่วยให้หาหน่วยโฆษณานี้ภายหลังได้ง่าย
- ในส่วน "ขนาดโฆษณา" ให้เลือกปรับเปลี่ยนตามพื้นที่โฆษณาไว้เช่นเดิม
- คลิกสร้าง
ฝังหน่วยโฆษณาไว้ใน Web Story
- ใส่ไฟล์ JavaScript
amp-story-auto-adsไว้ใน<head>ของหน้าเว็บ<script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script> - ฝังหน่วยโฆษณาไว้ใน Web Story ด้วยแท็ก
<amp-story-auto-ads>ดังนี้<amp-story>
<amp-story-auto-ads>
<script type="application/json">
{
"ad-attributes": {
"type": "adsense",
"data-ad-client": "ca-pub-0000000000000000",
"data-ad-slot": "00000000"
}
}
</script>
</amp-story-auto-ads>
...
</amp-story> - คัดลอกค่า
data-ad-clientและdata-ad-slotจากโค้ดของหน่วยโฆษณา แล้วนำไปใส่แทนโค้ดที่ไฮไลต์ในการกําหนดค่าข้างต้น หากต้องการค้นหาค่าเหล่านี้ใน AdSense ให้คลิกดูโค้ดในหน้าโฆษณา > ภาพรวม
ในหน้าโฆษณา > ภาพรวมติดตามประสิทธิภาพของหน่วยโฆษณา Web Story
ดูรายงานหน่วยโฆษณาเพื่อติดตามประสิทธิภาพของหน่วยโฆษณา Web Story
