添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

Vpon Out-stream 影音廣告提供串流外的影音廣告服務,透過將影音廣告嵌入應用程式內容之間,以原生方式呈現廣告,同時預設為靜音播放,基於使用者體驗的考量,不影響使用者的閱讀狀態。

完成串接準備

在開始串接廣告之前,請確認您已經完成以下準備:

  • 將 Vpon SDK 導入您的 Xcode 專案中,若您尚未完成,請先參考 串接說明 完成相關設定
  • 聯繫 Vpon PDMKT Team 完成帳號設定,並取得您的 License Key
  • 開始撰寫 Out-stream 影音廣告

    請參考以下說明,在應用程式中在自定義的位置上建立 Out-stream 影音廣告:

  • Import VpadnSDKAdKit
  • 在應用程式的 ViewController 中宣告 VpadnInReadAd
  • 建立 VpadnInReadAd 物件,並指定 License Key
  • 實作 Delegate Protocol
  • 請參考以下範例,完成 Out-stream 影音廣告設定:

    Import VpadnSDKAdKit 並宣告 VpadnInReadAd

    @import VpadnSDKAdKit;
    @interface VponSdkVastCustomAdViewController () <VpadnInReadAdDelegate>
    @property (nonatomic, weak) IBOutlet UIView *videoLoadedView;
    // 宣告 VpadnInReadAd
    @property (nonatomic, strong) VpadnInReadAd *VpadnInReadAd;
    

    建立 VpadnInReadAd 物件後指定 License Key,再拉取廣告

    - (void) requestVpadnInReadAd {
        // 請將 License Key 換成 Vpon PDMKT Team 提供您的 License Key
        _VpadnInReadAd = [[VpadnInReadAd alloc] initWithPlacementId:@"License Key" delegate:self];
        // 拉取廣告
        [_VpadnInReadAd loadAdWithTestIdentifiers:@[]];
    

    您可以實作 Delegate Protocol,透過 videoView() 取得廣告後,將廣告加到您想呈現廣告的位置上:

    #pragma mark - VpadnInReadAd Delegate
    - (void) VpadnInReadAdDidLoad:(VpadnInReadAd *)ad {
        UIView *videoView = [ad videoView];
        [_videoLoadedView addSubview:videoView];
        videoView.translatesAutoresizingMaskIntoConstraints = NO;
        [_videoLoadedView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[videoView]-0-|" options:0 metrics:nil views:@{@"videoView":videoView}]];
        [_videoLoadedView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[videoView]-0-|" options:0 metrics:nil views:@{@"videoView":videoView}]];
    

    Interface for Out-stream 影音廣告

    此外,Vpon Out-stream 影音串流廣告提供 3 種串流外的影音廣告介面,分別為:

  • InScrollView
  • InTableView
  • Import VpadnSDKAdKit
  • 在應用程式的 ViewController 中宣告 VpadnInReadAd
  • 建立 VpadnInReadAd 物件,並指定 License Key
  • 實作 Delegate Protocol
  • 請參考以下範例,完成 Out-stream 影音廣告設定:

    Import VpadnSDKAdKit 並宣告 VpadnInReadAd

    @import VpadnSDKAdKit;
    @interface VponSdkVastInScrollViewController () <VpadnInReadAdDelegate>
    // 宣告要呈現廣告的 View
    @property (nonatomic, weak) IBOutlet UIView *inScrollLoadedView;
    // 宣告用來調整廣告起始高度的 Constraint
    @property (nonatomic, weak) IBOutlet NSLayoutConstraint *inScrollHeightConstraint;
    // 宣告要放置廣告的 ScrollView
    @property (nonatomic, weak) IBOutlet UIScrollView *inScrollView;
    // 宣告 VpadnInReadAd
    @property (nonatomic, strong) VpadnInReadAd *VpadnInReadAd;
    

    建立 VpadnInReadAd 物件後指定 License Key,再拉取廣告

    - (void) requestVpadnInReadAd {
        // 請將 License Key 換成 Vpon PDMKT Team 提供您的 License Key
        _VpadnInReadAd = [[VpadnInReadAd alloc] initWithPlacementId:@"License Key" placeholder:_inScrollLoadedView heightConstraint:_inScrollHeightConstraint scrollView:_inScrollView delegate:self];
        // 拉取廣告
        [_VpadnInReadAd loadAdWithTestIdentifiers:@[]];
    

    在 InTableView 中展示 Out-stream 影音廣告

    在應用程式中的 TableView 建立 Out-stream 影音廣告需要執行以下步驟:

  • Import VpadnSDKAdKit
  • 在應用程式的 ViewController 中宣告 VpadnInReadAd
  • 建立 VpadnInReadAd 物件,並指定 License Key
  • 實作 Delegate Protocol
  • 請參考以下範例,完成 Out-stream 影音廣告設定:

    Import VpadnSDKAdKit 並宣告 VpadnInReadAd

    @import VpadnSDKAdKit;
    @interface VponSdkVastInTableViewController () <UITableViewDelegate, UITableViewDataSource, VpadnInReadAdDelegate>
    // 宣告要放置廣告的 TableView
    @property (nonatomic, weak) IBOutlet UITableView *tableView;
    // 宣告 VpadnInReadAd
    @property (nonatomic, strong) VpadnInReadAd *VpadnInReadAd;
    

    建立 VpadnInReadAd 物件後指定 License Key,再拉取廣告

    - (void) requestVpadnInReadAd {
        // 請將 License Key 換成 Vpon PDMKT Team 提供您的 License Key
        // 修改 insertionIndexPath 參數來指定廣告嵌入的位置
        _VpadnInReadAd = [[VpadnInReadAd alloc] initWithPlacementId:@"License Key" insertionIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] tableView:_tableView delegate:self];
        // 拉取廣告
        [_VpadnInReadAd loadAdWithTestIdentifiers:@[]];
    

    完成廣告初始化後,您可以實作以下函數監聽廣告狀態:

    - (void)vpadnInReadAd:(VpadnInReadAd *)ad didFailLoading:(NSError *)error {
    	NSLog(@"廣告抓取失敗");	
    - (void)vpadnInReadAdDidLoad:(VpadnInReadAd *)ad {
    	NSLog(@"廣告抓取成功");
    - (void)vpadnInReadAdDidStart:(VpadnInReadAd *)ad {
    	NSLog(@"影片開始播放");
    - (void)vpadnInReadAdDidStop:(VpadnInReadAd *)ad {
    	NSLog(@"影片播放結束");
    - (void)vpadnInReadAdDidMute:(VpadnInReadAd *)ad {
    	NSLog(@"影片靜音");
    - (void)vpadnInReadAdDidUnmute:(VpadnInReadAd *)ad {
    	NSLog(@"影片取消靜音");
    - (void)vpadnInReadAdWasClicked:(VpadnInReadAd *)ad {
    	NSLog(@"廣告被點擊");
    - (void)vpadnInReadAdDidTakeOverFullScreen:(VpadnInReadAd *)ad {
    	NSLog(@"影片全屏");
    - (void)vpadnInReadAdDidDismissFullscreen:(VpadnInReadAd *)ad {
    	NSLog(@"影片離開全屏");
    

    Sample Code

    如果您想看到完整的串接實例,請參考我們的 Sample Code

    其它廣告形式

    如果您想了解其它廣告形式的串接,請參考以下內容: