# โฆษณา

ปัจจุบัน ByteArk Player รองรับการแสดงผลโฆษณาด้วย Google Interactive Media Ads SDK (Google IMA SDK for HTML5) (opens new window) ซึ่งสามารถเรียกขอโฆษณาจาก Ads Server ต่างๆ เช่น

Google DoubleClick for Publishers (DFP)
Google AdSense network
Ad Server ตามโฆษณาตามฟอร์แมทของ VAST (VAST-compliant ad server)

# รูปแบบโฆษณาที่รองรับ

เนื่องจาก ByteArk Player แสดงผลโฆษณาด้วย Google IMA SDK for HTML5 จึงสามารถดูรูปแบบโฆษณาที่รองรับได้จากเอกสาร Support and Compatibility (opens new window) ของ Google IMA

# การแสดงผลโฆษณา

# ตัวอย่างซอร์สโค้ด

var player = byteark('video-player', {
  media: {
    title: 'Big Buck Bunny',
    poster: '/assets/samples/player/legacy/images/poster.jpg',
    sources: [{
      src: 'https://byteark-playertzxedwv.stream-playlist.byteark.com/streams/TZyZheqEJUwC/playlist.m3u8',
      type: 'application/x-mpegURL'
    }],
  },
  adOptions: {
    showMarker: true,
    adTagUrl: 'https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=',\
    imaSettings: {
      sdkSettings: {
        disableCustomPlaybackForIOS10Plus: true
      }
    }
  },
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# Options

Options	Type	Default	Description	Required
adOptions.adTagUrl	String	-	URL ไปยัง API สำหรับขอโฆษณา	YES
adOptions.showMarker	Boolean	true	ให้แสดงสัญลักษณ์แสดงตำแหน่งที่จะเล่นโฆษณา	No
adOptions.imaSettings.sdkSettings	Object	-	พารามิเตอร์สำหรับตั้งค่า Google IMA ImaSdkSettings Reference (opens new window)	No
adOptions.imaSettings.adsRenderingSettings	Object	-	พารามิเตอร์สำหรับตั้งค่าการแสดงผลโฆษณา AdsRenderingSettings Reference (opens new window)	No
adOptions.imaSettings.adsRequestSettings	Object	-	พารามิเตอร์สำหรับตั้งค่าการ request โฆษณา AdsRequest Reference (opens new window)	No

# Compatibility

https://developers.google.com/interactive-media-ads/docs/sdks/html5/compatibility

← ปุ่มแชร์ Nielson DCR →