ครีเอทีฟโฆษณา JavaScript VPAID 2

IMA HTML5 SDK รองรับครีเอทีฟโฆษณา VPAID 2 JavaScript การเปิดใช้การรองรับสามารถทำได้ง่าย แต่มีข้อแตกต่าง 2 ประการที่ควรทราบระหว่างข้อกำหนดของ VPAID 2 และวิธีที่ IMA SDK รองรับ VPAID 2 ความแตกต่างเหล่านี้ไม่ส่งผลต่อโค้ดการใช้งานโปรแกรมเล่นหรือ SDK แต่มีความสำคัญสำหรับผู้เขียนครีเอทีฟโฆษณา JavaScript VPAID 2 เนื่องจากครีเอทีฟโฆษณาอาจแสดงข้อผิดพลาดหรือไม่ทำงานตามที่คาดไว้เมื่อแสดงผลโดย IMA HTML5 SDK

ข้อกำหนดเบื้องต้น

  • โปรแกรมเล่นวิดีโอ HTML5 ที่ผสานรวม IMA HTML5 SDK หากยังไม่มี โปรดอ่านคู่มือเริ่มต้นใช้งาน
  • URL แท็กโฆษณา VAST ที่ชี้ไปยังครีเอทีฟโฆษณา JavaScript VPAID 2

เกริ่นนำที่เป็นประโยชน์

  • หากคุณไม่คุ้นเคยกับ VPAID 2 สามารถอ่านข้อมูลเพิ่มเติมได้ที่หน้า VPAID ของ IAB

การเปิดใช้การรองรับ VPAID 2

หากต้องการเปิดใช้การรองรับ VPAID 2 JavaScript ให้เรียกใช้เมธอดต่อไปนี้ก่อนเริ่ม AdDisplayContainer

      google.ima.settings.setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.ENABLED);
      ...
      var adDisplayContainer = new google.ima.AdDisplayContainer(adContainerElement);
      var adsLoader = new google.ima.AdsLoader(adDisplayContainer);
      ...

โหมด VPAID ที่ใช้ได้มีดังนี้

  • ENABLED - อนุญาตโฆษณา VPAID ที่ใช้การตั้งค่าเริ่มต้น
  • INSECURE - อนุญาตโฆษณา VPAID ในโหมดที่ไม่ปลอดภัย สำหรับข้อมูลเพิ่มเติม โปรดดูที่ความปลอดภัยของ IFrame และองค์ประกอบพร็อกซีของ Video Player
  • DISABLED - โฆษณา VPAID ไม่เล่น หากโฆษณาที่ขอส่งครีเอทีฟโฆษณา VPAID กลับมา ระบบจะแสดงข้อผิดพลาด
ดูข้อมูลเพิ่มเติมเกี่ยวกับโหมด VPAID ได้จากเอกสาร API สำหรับ ImaSdkSettings.VpaidMode

คำเตือนเกี่ยวกับการรองรับ VPAID 2

ความปลอดภัยของ iframe

โดยค่าเริ่มต้น IMA SDK จะใช้ iframe ที่ปลอดภัยแทน friendly iframe (โดเมนเดียวกัน) หรือสคริปต์ในหน้าเว็บเพื่อแสดงครีเอทีฟโฆษณา VPAID 2 JavaScript ซึ่งหมายความว่าหากครีเอทีฟโฆษณาคาดว่าจะเข้าถึง DOM ของหน้าระดับบนสุด ก็อาจทำให้เกิดข้อผิดพลาดได้ หากต้องการแสดงโฆษณาใน friendly iframe แทน ให้ใช้ ImaSdkSettings.setVpaidMode(...) ดังนี้ วันที่

adsLoader.getSettings().setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.INSECURE);

องค์ประกอบพร็อกซีของโปรแกรมเล่นวิดีโอ

เพื่อความปลอดภัยและฟังก์ชันการทำงานของอุปกรณ์เคลื่อนที่ที่เหมาะสม IMA HTML5 SDK จะไม่ให้องค์ประกอบวิดีโอจริงแก่โฆษณาในโหมด ENABLED แต่จะให้องค์ประกอบพร็อกซีที่เลียนแบบฟังก์ชันการทำงานส่วนใหญ่ขององค์ประกอบวิดีโอปกติ สำหรับครีเอทีฟโฆษณาที่เรียกเฉพาะเมธอด API ที่รองรับ ลักษณะการทำงานในการแสดงผลครีเอทีฟโฆษณาไม่ควรมีการเปลี่ยนแปลง เมื่อใช้โหมด VpaidMode.INSECURE SDK จะให้องค์ประกอบโปรแกรมเล่นวิดีโอแทนพร็อกซี

เมธอด Listener และแอตทริบิวต์ที่ใช้ได้ในองค์ประกอบพร็อกซีวิดีโอมีดังนี้

เมธอด

  • addEventListener
  • canPlayType
  • load
  • play
  • pause
  • setattribute

ประเภทเหตุการณ์สำหรับ addEventListener

  • abort
  • canplay
  • canplaythrough
  • click
  • durationchange
  • emptied
  • ended
  • error
  • loadeddata
  • loadedmetadata
  • loadstart
  • pause
  • play
  • playing
  • progress
  • ratechange
  • suspend
  • seeked
  • seeking
  • timeupdate
  • waiting

Attributes

  • currentTime
  • duration
  • ended
  • paused
  • playbackRate
  • src
  • type

คำถามที่พบบ่อย

SDK ของ iOS หรือ Android รองรับครีเอทีฟโฆษณา VPAID 2 JavaScript ไหม
IMA HTML5 SDK เป็นแพลตฟอร์ม IMA SDK เดียวที่รองรับครีเอทีฟโฆษณา VPAID 2 JavaScript ในขณะนี้
สิ่งนี้เปิดใช้ครีเอทีฟโฆษณา VPAID ใน IMA HTML5 SDK ไหม
ใช่ IMA HTML5 SDK รองรับครีเอทีฟโฆษณา JavaScript VPAID 2