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

IMA HTML5 SDK รองรับครีเอทีฟโฆษณา JavaScript แบบ VPAID 2 การเปิดใช้การสนับสนุนทำได้ง่ายๆ แต่มีข้อแตกต่าง 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

หากต้องการเปิดใช้การรองรับ JavaScript VPAID 2 ให้เรียกใช้เมธอดต่อไปนี้ก่อนที่จะเริ่มต้น 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 ที่ใช้ได้มีดังนี้

ดูข้อมูลเพิ่มเติมเกี่ยวกับโหมด 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);

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

เพื่อความปลอดภัยและฟังก์ชันการทำงานที่เหมาะสมบนอุปกรณ์เคลื่อนที่ ในโหมด ENABLED IMA HTML5 SDK จะไม่ให้องค์ประกอบวิดีโอจริงแก่โฆษณา แต่ให้องค์ประกอบพร็อกซีที่เลียนแบบฟังก์ชันการทำงานส่วนใหญ่ขององค์ประกอบวิดีโอปกติ สำหรับครีเอทีฟโฆษณาที่เรียกใช้เมธอด 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