คุณอาจได้รับข้อความแสดงข้อผิดพลาดเมื่ออัปโหลดชิ้นงาน HTML5 ใน Google Ads ส่วนใหญ่คุณจะแก้ไขปัญหาได้โดยการปรับเปลี่ยนไฟล์แล้วบันทึกซ้ำ จากนั้นจึงลองอัปโหลดไฟล์อีกครั้ง
ในบางสถานการณ์ คุณจะใช้เครื่องมือ เช่น โปรแกรมตรวจสอบ HTML5 ของ Google Ads ซึ่งจะช่วยให้คุณทดสอบชิ้นงานก่อนที่จะอัปโหลดลงใน Google Ads และตรวจหาปัญหาที่อาจเกิดขึ้นได้
บทความนี้จะช่วยแก้ปัญหาเฉพาะเจาะจงที่อาจเกิดขึ้นขณะทํางานกับชิ้นงาน HTML5 ใน App Campaign ดูข้อมูลเพิ่มเติมเกี่ยวกับโฆษณา HTML5/โฆษณาที่เล่นได้สําหรับ App Campaign
ปัญหาการอัปโหลด
ไฟล์มีขนาดใหญ่เกินไป
ชิ้นงาน HTML5 ในขนาดโฆษณาคั่นระหว่างหน้า (320x480 และ 480x320) มีขนาดได้ถึง 5.2 MB ระบบจะปฏิเสธชิ้นงานที่มีขนาดใหญ่โดยทันที โปรดลดขนาดของไฟล์ตามความจําเป็น
ไม่อนุญาตขนาดดังกล่าว
- 320x480 (แนวตั้ง)
- 480x320 (แนวนอน)
ในการแก้ไขปัญหานี้ ให้เปลี่ยนแปลงขนาดของชิ้นงานเป็นขนาดที่รองรับ หรือใช้เมตาแท็ก "ad.orientation" และกําหนดค่าการวางแนวที่ถูกต้องซึ่งควรแสดงชิ้นงาน
"ad.size" และใช้เมตาแท็ก "ad.orientation" ใหม่แทนได้เพื่อตั้งค่าการวางแนวของชิ้นงานที่ต้องการ"portrait"(สําหรับชิ้นงานแนวตั้ง)"landscape"(สําหรับชิ้นงานแนวนอน)"portrait,landscape"หรือ"landscape,portrait"(สําหรับชิ้นงานที่ปรับเปลี่ยนตามอุปกรณ์โดยสมบูรณ์ซึ่งจะใช้งานได้ในการวางแนวทั้ง 2 รูปแบบ)
หากคุณยังคงใช้เมตาแท็ก "ad.size" และแสดงมิติข้อมูลอื่นนอกเหนือจากขนาดที่รองรับ ข้อความแสดงข้อผิดพลาดจะยังคงแสดงอยู่ขณะอัปโหลด
หากมีการประกาศเมตาแท็กทั้งสองใน HTML ระบบจะใช้ค่า "ad.orientation"
หากคุณไม่ได้ใช้เมตาแท็กหรือตั้งค่าการวางแนวไว้ไม่ถูกต้อง ชิ้นงานจะถูกปฏิเสธเมื่ออัปโหลด แต่จะแสดงผลในแนวตั้งเท่านั้น
ไฟล์ต่อไปนี้อยู่ในเส้นทางที่มีอักขระอย่างน้อย 1 ตัวที่เราไม่รองรับ โปรดนำอินสแตนซ์ทั้งหมดของอักขระเหล่านี้ออกจากชื่อไฟล์และไดเรกทอรีทั้งหมด แล้วลองอีกครั้ง
ไฟล์ต่อไปนี้เป็นประเภทที่ไม่รองรับ คุณควรนำไฟล์นี้ออกหรือใช้ไฟล์อื่นแทน แล้วลองอีกครั้ง
- .CSS
- .GIF
- .HTML
- .JPEG
- .JS
- .PNG
- .SVG
หากคุณอัปโหลดไฟล์ประเภทอื่นที่ไม่รองรับ เช่น .MPEG หรือ .FLA ข้อผิดพลาดอาจเกิดขึ้น ในการแก้ไขปัญหานี้ คุณควรนําไฟล์ออกหรือใช้ไฟล์อื่น แล้วอัปโหลดอีกครั้ง
โฆษณา HTML5 พยายามอ้างอิงชิ้นงานที่อยู่นอกไฟล์ .ZIP ระบบจะอนุญาตเฉพาะการอ้างอิงไฟล์ภายในเท่านั้น (เช่น "/path/to/asset/in-zip.png") ตรวจสอบว่าคุณได้รวมชิ้นงานทั้งหมดในไฟล์ .ZIP และการอ้างอิงไฟล์ทั้งหมดเป็นแบบภายใน เมื่อทำการเปลี่ยนแปลงแล้ว ให้ลองอีกครั้ง
- createjs
- cssplugin
- easeljs
- easepack
- Google Fonts
- Google-hosted CreateJS
- Google-hosted Greensock (ไฟล์ควรทำงานในทุกเวอร์ชัน)
- Google-hosted jQuery
- timelinelite
- timelinemax
- tweenjs
- tweenlite
- tweenmax
วิธีแก้ไขปัญหานี้คือการตรวจสอบว่าคุณนําการอ้างอิงไฟล์ภายนอกที่ไม่ได้รับอนุญาตทั้งหมดออกจากกลุ่มโฆษณา HTML5 แล้ว หลังจากที่คุณทําการเปลี่ยนแปลงแล้ว ให้ลองอัปโหลดอีกครั้ง
โฆษณา HTML5 พยายามอ้างอิงชิ้นงานที่ไม่ได้อยู่ในไฟล์ .ZIP ตรวจสอบว่าได้เพิ่มชิ้นงานทั้งหมดไว้ในไฟล์ .ZIP แล้วลองอีกครั้ง
โฆษณา HTML5 ไม่มีไฟล์ .HTML หลัก ไฟล์ .HTML หลักประกอบด้วยแท็กขนาดโฆษณา เช่น <meta name="ad.size" content="width=320,height=480"> ตรวจสอบว่ามีไฟล์ .HTML ที่มีแท็กขนาดโฆษณาในโฆษณา HTML5 แล้วลองอีกครั้ง
<meta name="ad.size" content="width=320,height=480"> การดําเนินการนี้ใช้ไม่ได้กับชิ้นงานของ Google Web Designer<head> ในซอร์สโค้ด นอกจากนี้ คุณยังควรเพิ่มแท็กที่จําเป็นทั้งหมดในซอร์สโค้ดของชิ้นงานด้วย- ประกาศ <!DOCTYPE html>
- แท็ก
<html> - แท็ก
<body> - เมตาแท็กการวางแนวของรูปแบบโฆษณาภายในแท็ก <head> เช่น
<meta name="ad.orientation" content="portrait">
ระบบจะไม่ยอมรับแท็กที่ไม่ถูกต้อง เช่น <path><path />
คุณอาจต้องดึงแท็ก .SVG ในบรรทัดมาไว้แยกจากกันเพื่อให้เป็นไปตามข้อกําหนดเหล่านี้
"width=480,height=320"ไฟล์ครีเอทีฟโฆษณามีไฟล์มากเกินไป ตรวจสอบว่าจำนวนไฟล์ในไฟล์ .ZIP มีจำนวนไม่เกิน 512 ไฟล์
ประมวลผลไฟล์ .ZIP ไม้ได้เนื่องจากตัวไฟล์เองหรือไฟล์ที่อยู่ภายในเกิดความเสียหาย โปรดตรวจสอบไฟล์ของคุณ บีบอัดใหม่ แล้วลองอีกครั้ง
มีฟีเจอร์ HTML5 ที่ไม่รองรับในชิ้นงาน HTML5
หากปัญหาเกิดขึ้นเฉพาะกับแท็ก .SVG ที่ไม่รองรับ อาจเป็นเพราะมีแท็กในโค้ดครีเอทีฟโฆษณาซึ่งไม่รวมอยู่ในหมวดหมู่ที่รองรับ เช่น องค์ประกอบคอนเทนเนอร์ องค์ประกอบการไล่ระดับสี และองค์ประกอบกราฟิก
ในการแก้ไขปัญหานี้ ให้ตรวจสอบไฟล์ทั้งหมดที่จัดเก็บไว้ในไฟล์ .ZIP แล้วค้นหาแท็กที่ไม่รองรับในโค้ดครีเอทีฟโฆษณาแล้วลบออก คุณดูรายการแท็ก .SVG ทั้งหมดที่รองรับได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรายการแท็ก .SVG ที่รองรับและหมวดหมู่ของแท็ก
เช่น เมื่อเปิดไฟล์ .SVG ตัวอย่างภายในแพ็กเกจในเครื่องมือแก้ไขข้อความ แท็ก "rdf:Description" จะปรากฏขึ้น เมื่อนําแท็กนั้นออกจากไฟล์ .SVG ทั้งหมดแล้ว คุณจะอัปโหลดแพ็กเกจได้
ไฟล์ ZIP จาก Google Web Designer ไม่ได้รับการเผยแพร่
- คลิกเผยแพร่
- เลือกเผยแพร่ในเครื่อง
- อัปโหลดไฟล์ ZIP ที่ได้ไปยัง Google Ads
Google Web Designer ไม่ได้สร้างไว้สำหรับสภาพแวดล้อมของ "Google Ads"
ไฟล์ครีเอทีฟโฆษณาต้องมีประเภทผลิตภัณฑ์แบบไดนานิกที่มีประเภทธุรกิจที่ถูกต้อง
<meta name="productType" content="dynamic"> แท็กนี้กําหนดไว้สําหรับรีมาร์เก็ตติ้งแบบไดนามิกสําหรับชิ้นงาน HTML5 ที่อิงตามฟีด<meta name="productType" content="dynamic"> ออกจากซอร์สโค้ดด้วยตนเอง เนื่องจาก App Campaign ยังไม่รองรับชิ้นงาน HTML5 ที่กําหนดเองตามฟีดไฟล์ครีเอทีฟโฆษณาใช้งานร่วมกับประเภทผลิตภัณฑ์ปัจจุบันไม่ได้
<meta name="productType" content="Dynamic"> แต่โดยทั่วไปแล้ว App Campaign ยังไม่รองรับชิ้นงาน HTML5 แบบไดนามิก<meta name="productType" content="dynamic"><meta name="vertical" content="{content_type}"> จากซอร์สโค้ดของไฟล์ index.html{content_type} อาจมีค่าที่ต่างกัน เช่น RETAIL, CUSTOM และอื่นๆไม่รองรับโฆษณา HTML5 ที่ใช้ DoubleClick Studio ในการสร้างไฟล์ ZIP
ในการแก้ไขปัญหานี้ ให้นําการอ้างอิงไปยังไลบรารีของ Launchr.js ออกจากชิ้นงาน HTML5 ที่กําหนดเอง
กำหนดค่าลักษณะการออกจากโฆษณาไม่เหมาะสม
ปัญหาหลังการอัปโหลด
ชิ้นงาน HTML5 ไม่ได้รับอนุมัติเนื่องจากมี "การเรียกบุคคลที่สี่ไม่ถูกต้อง" "โฆษณา HTML5 ที่ไม่ยอมรับ" หรือทั้ง 2 อย่าง
- แท็ก
<video>ที่ไม่มีแอตทริบิวต์ src - การอ้างอิงภายนอกที่ตรวจไม่พบ
- การใช้แบบอักษรที่ไม่ใช่ของ Google ที่ฝังอยู่ในไฟล์โดยตรงและไม่ได้อ้างอิงจากโดเมน font.googleapis.com จะทําให้ไม่ได้รับอนุมัติ ยกเว้นแบบอักษรในรูปแบบที่ระบุด้านล่าง
- .dfont
- .eot
- .otf
- .tte
- .ttf
- .woff
- .woff2
- หมายเหตุ: คุณสามารถดูรายการแบบอักษรที่รองรับทั้งหมดใน Google Fonts
- ชิ้นงานที่ฝังในเฟรมย่อย
- มองหาแท็ก เช่น
<frameset>,<frame>หรือ<iframe>ในซอร์สโค้ด เฟรมช่วยให้คุณฝังชิ้นงานภายนอกและแม้แต่ทั้งเว็บไซต์ภายในไฟล์ HTML ได้ แต่ชิ้นงาน HTML5 ไม่รองรับ
- มองหาแท็ก เช่น
- ครีเอทีฟโฆษณา Google Web Designer และ AMPHTML
- มองหาแท็กที่ขึ้นต้นด้วย "amp" เช่น
<amp-img>หรือ<amp-ad-exit>ในซอร์สโค้ด คุณอาจพบการอ้างอิงสคริปต์ที่โฮสต์บน cdn.ampproject.org
- มองหาแท็กที่ขึ้นต้นด้วย "amp" เช่น
นอกจากนี้ คุณยังตรวจสอบได้ว่าชิ้นงานทําการเรียกบุคคลที่สี่บางรายการผ่านแท็บ "เครือข่าย" ในเครื่องมือสําหรับนักพัฒนาซอฟต์แวร์ของ Chrome หรือไม่ วิธีการเข้าตรวจสอบมีดังนี้
- คลิกขวาที่ตัวอย่างชิ้นงานใน Google Ads หรือโปรแกรมตรวจสอบ HTML5 ของ Google Ads
- เลือก "ตรวจสอบ" จากเมนูตามบริบท
- คลิกแท็บเครือข่าย
ในการแก้ไขปัญหา ให้ตรวจสอบชิ้นงาน มองหาองค์ประกอบและแท็กที่ไม่รองรับด้วยเครื่องมือตรวจสอบ HTML5 ของ Google Ads และทําการแก้ไขที่จําเป็น หลังจากนั้นลองอัปโหลดอีกครั้ง คุณยังดูข้อมูลเพิ่มเติมเกี่ยวกับข้อกําหนดทางเทคนิคสําหรับ "โฆษณา HTML5 ที่ไม่ยอมรับ" ได้อีกด้วย
ตัวอย่างโฆษณาไม่โหลด
- คลิกขวาที่ตัวอย่างชิ้นงานใน Google Ads หรือโปรแกรมตรวจสอบ HTML5 ของ Google Ads
- เลือก "ตรวจสอบ" จากเมนูตามบริบท
- คลิกแท็บคอนโซล
การแสดงตัวอย่างโฆษณาแสดงผลไม่ถูกต้อง
crossorigin="anonymous" จึงจะใช้งานในแคนวาสได้ไม่สามารถคลิกชิ้นงานได้ในการแสดงตัวอย่าง
ชิ้นงาน HTML5 ไม่แสดง
อัตราการคลิกผ่าน (CTR) สูงและมีอัตรา Conversion (CVR) ต่ำ
<script> ตามตัวอักษรใน <head> และไม่เพิ่มผ่าน JavaScript อื่นๆ มิเช่นนั้น ครีเอทีฟโฆษณาแบบแสดงผลจริงจะคลิกได้ทั่วทั้งพื้นที่ของโฆษณา ซึ่งอาจทําให้เกิดการคลิกโดยไม่ตั้งใจจํานวนมากและส่งผลให้ประสิทธิภาพต่ํา