บทความนี้มีไว้สำหรับผลิตภัณฑ์ Google Ad Manager เท่านั้น ใช้ไม่ได้กับผลิตภัณฑ์อื่นๆ ของ Google นอกจากนี้ คุณสามารถดูข้อกำหนด HTML5 ของ Studio หรือข้อกำหนด HTML5 ของ Google Web Designer ได้ด้วย
บทความนี้จะอธิบายหลักเกณฑ์ในการสร้างและอัปโหลดชุดไฟล์ ZIP ของครีเอทีฟโฆษณา HTML5 ไปยัง Google Ad Manager
หลักเกณฑ์ใช้ได้กับทุกเบราว์เซอร์ที่รองรับ HTML5 ครีเอทีฟโฆษณาบางรายการอาจไม่ทํางานตามที่ต้องการ ทดสอบโค้ด HTML5 ก่อนนําไปใช้
ในหน้านี้:
- ตรวจสอบว่าแพ็กเกจไฟล์ของคุณใช้งานได้กับ SSL
- เลือกสภาพแวดล้อมที่เหมาะสำหรับ Google Web Designer
- กำหนดขนาด
- ตั้งค่าแท็กการคลิกและ URL การคลิกผ่าน
ตรวจสอบว่าแพ็กเกจไฟล์ของคุณใช้งานได้กับ 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 ทางออกนี้ในครีเอทีฟโฆษณาหรือในโฆษณา โดยขึ้นอยู่กับความต้องการของคุณและประเภทครีเอทีฟโฆษณา หากคุณตั้งค่าแท็กการคลิกทั้งในครีเอทีฟโฆษณาและในโฆษณา การตั้งค่าระดับโฆษณาจะมีลำดับสำคัญมากกว่า ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มทางออกของ HTML5 (รวมถึงทางออกที่ใช้ Google Web Designer)
Ad Manager ตรวจพบแท็กการคลิกเมื่อคุณอัปโหลดเนื้อหา คุณสามารถเปลี่ยน URL การคลิกผ่านที่แท็กการคลิกใช้ได้ทุกเมื่อ แม้หลังจากที่คุณส่งออกแท็กไปแล้วก็ตาม
- แทรกแท็กการคลิกลงใน
<head>ของเอกสาร HTMLตัวอย่าง<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://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 เมื่อคุณอัปโหลดแพ็กเกจ
