โฆษณา HTML5 สำหรับแคมเปญ AdMob

โฆษณา HTML5 คือโฆษณาที่ใช้ไฟล์ HTML5 ซึ่งสร้างใน Google Web Designer เพื่อสร้างสรรค์โฆษณาเชิงโต้ตอบที่ดึงดูดความสนใจ คุณสามารถออกแบบและสร้างโฆษณา HTML5 รวมถึงเนื้อหาเว็บอื่นๆ ในอินเทอร์เฟซแบบรูปภาพและโค้ดที่ผสานรวมอยู่ใน Google Web Designer จากนั้นจึงส่งออกและอัปโหลดไฟล์ในรูปแบบ .ZIP เมื่อสร้างแคมเปญใน AdMob

หมายเหตุ: ใช้โฆษณา HTML5 ได้เมื่อคุณโฆษณาเว็บไซต์หรือแอปที่โฮสต์ไว้ที่อื่นเท่านั้น  

ทั้งนี้ AdMob อาจไม่รองรับบางคอมโพเนนต์ของ Google Web Designer

Download a sample HTML5 ad (.ZIP)

เริ่มต้นใช้งาน Google Web Designer

Google Web Designer คือเว็บแอปพลิเคชันขั้นสูงที่ทำให้คุณสามารถออกแบบและสร้างโฆษณา HTML5 ตลอดจนเนื้อหาเว็บอื่นๆ โดยใช้อินเทอร์เฟซแบบโค้ดและรูปภาพที่ผสานรวมกันอยู่ เมื่อใช้มุมมองการออกแบบของ Google Web Designer คุณจะสามารถสร้างสรรค์เนื้อหาได้ด้วยเครื่องมือวาดรูป ข้อความ และออบเจ็กต์ 3 มิติ และคุณยังทำให้ออบเจ็กต์และอีเวนต์เคลื่อนไหวในไทม์ไลน์ได้ด้วย เมื่อสร้างเนื้อหาเสร็จแล้ว Google Web Designer จะแปลงเอาท์พุตออกมาเป็น HTML5, CSS3 และ JavaScript ที่เรียบง่ายซึ่งมนุษย์อ่านได้

คุณสามารถใช้ Google Web Designer เพื่อสร้างโฆษณา HTML5 ที่จะใช้ในโฆษณา AdMob ขั้นแรกคุณต้องดาวน์โหลด Google Web Designer จากนั้นจึงดูวิธีการในศูนย์ช่วยเหลือของ Google Web Designer เพื่อสร้างโฆษณา

สร้างโฆษณาใหม่ตั้งแต่เริ่มต้นโดยใช้สภาพแวดล้อม AdMob หรือใช้เทมเพลตที่รองรับแพลตฟอร์ม Google AdMob

---

โฆษณาต้องเป็นไปตามนโยบายของ Google Ads

---

รูปแบบโฆษณา HTML5 ที่รองรับ

โปรดดูรายการข้อกำหนดต่อไปนี้เพื่อตรวจสอบว่าโฆษณา HTML5 ของคุณมีรูปแบบถูกต้อง

โฆษณา HTML5 ทั้งหมด

ประเภทไฟล์	ZIP ไฟล์ ZIP สามารถมีไฟล์ประเภทต่อไปนี้ .CSS .JS .HTML .SVG .GIF .PNG .JPG .JPEG
ขนาดไฟล์	ไม่เกิน 150 KB
ขนาดโฆษณา	320 x 50: ลีดเดอร์บอร์ดบนอุปกรณ์เคลื่อนที่ 480 x 32: แบนเนอร์บนอุปกรณ์เคลื่อนที่ (แนวนอน) 320 x 100: แบนเนอร์ขนาดใหญ่บนอุปกรณ์เคลื่อนที่ 468 x 60: แบนเนอร์ 728 x 90: ลีดเดอร์บอร์ด 300 x 250: สี่เหลี่ยมผืนผ้าในบรรทัด 320 x 480: โฆษณาคั่นระหว่างหน้าบนสมาร์ทโฟน (แนวตั้ง) 480 x 320: โฆษณาคั่นระหว่างหน้าบนสมาร์ทโฟน (แนวนอน) 768 x 1024: โฆษณาคั่นระหว่างหน้าบนแท็บเล็ต (แนวตั้ง) 1024 x 768: โฆษณาคั่นระหว่างหน้าบนแท็บเล็ต (แนวนอน) ขนาดรูปภาพตัวอย่าง ลีดเดอร์บอร์ด 728 x 90 แบนเนอร์ 468 x 60 ลีดเดอร์บอร์ดบนอุปกรณ์เคลื่อนที่ 320 x 50 สี่เหลี่ยมผืนผ้าในบรรทัด 300 x 250 โปรดดูนโยบายโฆษณาแบบรูปภาพของ Google Ads สำหรับรายละเอียดเพิ่มเติม
ฟีเจอร์ที่รองรับ	สำคัญ รองรับเฉพาะโฆษณา HTML5 ที่สร้างด้วย Google Web Designer เนื้อหาในไฟล์ ZIP สามารถเป็นไฟล์ในประเภทที่สนับสนุนที่คละกันแบบไหนก็ได้ ดูในส่วน "ประเภทไฟล์" ในตารางนี้ รูปภาพทั้งหมดที่ใช้ในโฆษณา HTML5 ต้องเป็นรูปภาพที่อยู่ในระบบ ไม่ใช่รูปภาพอ้างอิง และควรเป็นส่วนหนึ่งของเนื้อหาที่รวมอยู่ในไฟล์ ZIP รองรับเฉพาะคอมโพเนนต์การสัมผัสเท่านั้น ไม่สนับสนุนวิดีโอและแผนที่ รองรับเฉพาะแบบอักษรเว็บของ Google เท่านั้น ไม่รองรับแบบอักษรเว็บอื่นๆ ไม่สนับสนุนตัวจับเวลาและการออกจากหน้าเว็บหลายจุดสำหรับการกระทำในสภาพการทำงานเป้าหมาย ไม่สนับสนุนโฆษณาที่ขยายได้ ไม่สามารถใช้เมธอดพื้นที่จัดเก็บในระบบสำหรับโฆษณา HTML5 ได้

โฆษณา HTML5 สร้างใน Google Web Designer

สภาพแวดล้อมของโฆษณา	เมื่อสร้างโฆษณาใน Google Web Designer คุณต้องระบุสภาพแวดล้อม "AdMob"
คอมโพเนนต์ที่รองรับ	พื้นที่การแตะ iFrame แกลเลอรีที่ปัดได้ แกลเลอรีภาพหมุน แกลเลอรี 360° การนำทางแกลเลอรี ปุ่มแบบรูปภาพ สไปรท์ชีต
การเผยแพร่สำหรับ AdMob	ใน Google Web Designer คลิกปุ่มเผยแพร่ เลือกเผยแพร่ในเครื่อง อัปโหลดไฟล์ ZIP ที่ได้ไปยัง AdMob
ข้อจำกัด	สิ่งสำคัญ ไม่สนับสนุนโฆษณาที่ขยายได้ รูปภาพทั้งหมดที่ใช้ในโฆษณา HTML5 ต้องเป็นรูปภาพที่อยู่ในระบบ ไม่ใช่รูปภาพอ้างอิง และควรเป็นส่วนหนึ่งของเนื้อหาที่รวมอยู่ในไฟล์ ZIP รองรับเฉพาะแบบอักษรเว็บของ Google เท่านั้น ไม่รองรับแบบอักษรเว็บอื่นๆ ไม่รองรับตัวจับเวลาและการออกจากหน้าเว็บหลายจุดสำหรับการกระทำในสภาพการทำงานเป้าหมาย ไม่สามารถใช้เมธอดพื้นที่จัดเก็บในระบบสำหรับโฆษณา HTML5 ได้

ฟิลด์โฆษณา HTML5

• ชื่อโฆษณา: ป้อนชื่อของโฆษณาที่มีอักขระไม่เกิน 25 ตัว
• URL ปลายทาง: ป้อน URL ที่ AdMob จะนำผู้ใช้ไปหลังจากคลิกโฆษณา URL นี้จะไม่แสดงในโฆษณา
• ครีเอทีฟโฆษณา: อัปโหลดไฟล์ .ZIP 1 รายการที่มีโฆษณา HTML5 ซึ่งสร้างขึ้นใน Google Web Designer จากคอมพิวเตอร์เพื่อใช้เป็นครีเอทีฟโฆษณา