ใช้ Ad Manager เพื่อดูแลการแสดงครีเอทีฟโฆษณาสำหรับ AMP โดยเฉพาะใน Web Stories ซึ่งเป็นรูปแบบโฆษณาโอเพนซอร์สสำหรับการเล่าเรื่องด้วยภาพ Web Stories เรียกใช้ได้ในแพลตฟอร์มอย่างเช่น Google Search หรือพร็อพเพอร์ตี้ที่คุณเป็นเจ้าของและดำเนินการเอง (O&O)
Web Stories รองรับโฆษณาแบบเล่าเรื่องในหน้าเดียว ซึ่งโฆษณาจะปรากฏเป็นแบบเต็มหน้าระหว่างเนื้อหาส่วนต่างๆ ของ Web Story
ดูข้อมูลเพิ่มเติมเกี่ยวกับ Web Stories
- โฆษณาใน Web Stories
- สร้าง Web Story แรก
- แนวทางปฏิบัติแนะนำในการสร้างโฆษณาแบบเล่าเรื่อง
- การรองรับการโฆษณาใน Web Stories
คุณยังเปิดใช้งานความต้องการแบบเป็นโปรแกรมสําหรับ Web Stories ได้ด้วย
กําหนดค่า Web Story
คุณใช้องค์ประกอบ <amp-ad> เพื่อแสดงโฆษณาแบบหน้าเดียวภายใน Web Story ไม่ได้ แต่ให้ติดแท็กหน้าเว็บด้วย <amp-story-auto-ads> แทน
ดูแลการแสดงครีเอทีฟโฆษณาสำหรับ AMP โดยเฉพาะใน Web Stories
Web Stories ช่วยให้ผู้เผยแพร่โฆษณาและผู้ลงโฆษณาใช้รูปภาพหรือวิดีโอกับครีเอทีฟโฆษณาสำหรับ AMP โดยเฉพาะใน Ad Manager ได้
- ลงชื่อเข้าใช้ Google Ad Manager
- สร้างครีเอทีฟโฆษณาสำหรับ AMP โดยเฉพาะ และเลือก "ประเภทโค้ด" เป็น AMP
- ป้อนโค้ดครีเอทีฟโฆษณาในช่อง "โค้ด" ใส่แท็ก
<meta>เพื่อแทรกปุ่ม CTA ที่นำผู้ใช้ไปยังหน้า Landing Page เมื่อคลิกส่วนขยาย AMP อื่นๆ เช่นamp-sidebarหรือamp-accordionจะยังแสดงผลใน Web Story ได้อยู่ แต่ปุ่ม CTA จะเป็นเพียงองค์ประกอบเดียวที่คลิกได้amp-cta-url: URL ของหน้า Landing Page สำหรับปุ่ม CTA ระบบไม่รองรับแท็ก Anchor ให้แทรกค่าโดยใช้มาโครการคลิก (%%CLICK_URL_UNESC%%) และมาโครปลายทาง (%%DEST_URL%%) แทนamp-cta-type: ประเภทปุ่ม CTA ซึ่งต้องกำหนดค่าจากชุดตัวเลือกที่กำหนดล่วงหน้า
<!DOCTYPE html> <html amp4ads> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <meta name="amp-cta-url" content="%%CLICK_URL_UNESC%%%%DEST_URL%%"> <meta name="amp-cta-type" content="EXPLORE"> <style amp4ads-boilerplate> body { visibility:hidden } </style> <style amp-custom> amp-img {height:100vh;} amp-img img {object-fit: contain} </style> <script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script> </head> <body> <amp-img src=%%FILE:JPG1%% layout="fill" height="1280" width="720"></amp-img> </body> </html> - เลือก 1x1 เป็นขนาดหน่วยโฆษณาเป้าหมาย
- กำหนดค่ารายละเอียดแล้วคลิกบันทึก
ส่งแอตทริบิวต์เพิ่มเติม
หากต้องการส่งข้อมูลเพิ่มเติม (เช่น ข้อมูลการกำหนดเป้าหมาย) เป็นแอตทริบิวต์ไปยังแท็ก <amp-ad> ที่สร้างขึ้น ให้อ่านเอกสารสำหรับนักพัฒนาซอฟต์แวร์โฆษณาอัตโนมัติใน Web Story เพื่อดูข้อมูลเกี่ยวกับคู่คีย์-ค่าเพิ่มเติมของออบเจ็กต์ JSON ad-attributes
