บทความนี้มีไว้สำหรับผลิตภัณฑ์ Google Ad Manager เท่านั้น ใช้ไม่ได้กับผลิตภัณฑ์อื่นๆ ของ Google นอกจากนี้ คุณสามารถดูข้อกำหนด HTML5 ของ Studio หรือข้อกำหนด HTML5 ของ Google Web Designer ได้ด้วย
บทความนี้จะอธิบายหลักเกณฑ์ในการสร้างและอัปโหลดชุดไฟล์ ZIP ของครีเอทีฟโฆษณา HTML5 ไปยัง Google Ad Manager
หลักเกณฑ์ใช้ได้กับทุกเบราว์เซอร์ที่รองรับ HTML5 ครีเอทีฟโฆษณาบางรายการอาจไม่ทํางานตามที่ต้องการ ทดสอบโค้ด HTML5 ก่อนนําไปใช้
ตรวจสอบว่าแพ็กเกจไฟล์ของคุณใช้งานได้กับ SSL
ครีเอทีฟโฆษณา HTML5 ต้องใช้งานกับ SSL ได้เพื่อแสดงผลในเว็บไซต์ HTTPS
เลือกสภาพแวดล้อมที่เหมาะสำหรับ Google Web Designer
หากคุณใช้ Google Web Designer เพื่อสร้างครีเอทีฟโฆษณา HTML5 ให้เลือกสภาพแวดล้อม Display & Video 360
กําหนดขนาด
- ใช้เมตาแท็ก
size
เพื่อกําหนดขนาดที่ควรใช้ในการแสดงครีเอทีฟโฆษณา:<meta name="ad.size" content="width=[x],height=[y]">
ครีเอทีฟโฆษณา HTML5 ต้องมีขนาดคงที่เท่านั้น ตัวอย่าง:300x250
,400x400
,728x90
ไม่รองรับขนาดแบบไดนามิก เช่นFluid
ตัวอย่าง
<meta name="ad.size" content="width=300,height=250">
- สำหรับไฟล์ครีเอทีฟโฆษณา HTML ในแพ็กเกจ Google Web Designer พร็อพเพอร์ตี้
minWidth
และminHeight
ของพารามิเตอร์creativeProperties
ต้องไม่เป็นเลขศูนย์ตัวอย่าง
โค้ดต่อไปนี้จะทําให้เกิดข้อผิดพลาด:
"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
ตั้งค่าแท็กการคลิกและ URL การคลิกผ่าน
ทางออกคือส่วนใดก็ตามที่คลิกได้ซึ่งนำทางเบราว์เซอร์ไปยังหน้า Landing Page แท็กการคลิกจะกำหนด URL การคลิกผ่านของการออกแต่ละครั้งในครีเอทีฟโฆษณา HTML5 ของคุณ
เมื่อมีการคลิกทางออก ครีเอทีฟโฆษณาจะเรียก Ad Manager สำหรับ URL การคลิกผ่านที่เชื่อมโยง
- ตั้งค่า URL ทางออกนี้ในครีเอทีฟโฆษณาหรือในโฆษณา โดยขึ้นอยู่กับความต้องการของคุณและประเภทครีเอทีฟโฆษณา หากคุณตั้งค่าแท็กการคลิกทั้งในครีเอทีฟโฆษณาและในโฆษณา การตั้งค่าระดับโฆษณาจะมีลำดับสำคัญมากกว่า
Ad Manager ตรวจพบแท็กการคลิกเมื่อคุณอัปโหลดเนื้อหา คุณสามารถเปลี่ยน URL การคลิกผ่านที่แท็กการคลิกใช้ได้ทุกเมื่อ แม้หลังจากที่คุณส่งออกแท็กไปแล้วก็ตาม
- แทรกแท็กการคลิกลงใน
<head>
ของเอกสาร HTMLตัวอย่าง<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- ใช้ตัวแปร
clickTag
เป็นปลายทางในครีเอทีฟโฆษณาตัวอย่าง<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - ทําให้แท็กการคลิกอ่านง่ายสําหรับเซิร์ฟเวอร์โฆษณา แท็กการคลิกไม่ควรมีการลดขนาดหรือสร้างความสับสน คุณสามารถใช้ตัวลดขนาดในโค้ดและไฟล์อื่นๆ ได้
- หลีกเลี่ยงการใช้ URL การคลิกผ่านแบบฮาร์ดโค้ด เพราะจะทำให้ Ad Manager ไม่สามารถติดตามการคลิก และทำให้ผู้ดูแลการแสดงโฆษณาไม่สามารถอัปเดต URL ได้ Ad Manager จะแจ้งเตือนหากมี URL แบบฮาร์ดโค้ดในโค้ด HTML5 เมื่อคุณอัปโหลดแพ็กเกจ