# 横幅广告

横幅广告会占据应用布局中的一处位置。这类广告会在用户和应用互动时停留在屏幕上，并且可在一段时间后自动刷新。

## 前提条件

* 通读[入门指南](/copy-of-cn/jie-kou-wen-dang/ios/kai-shi/ru-men-zhi-nan.md)。

## 务必用测试广告进行测试

在构建和测试应用时，请确保使用的是测试广告，而不是实际投放的广告。否则，能会导致您的账号被暂停使用。

对于横幅广告，使用下面的专用测试广告单元 ID 

```
63a573861ac5f
```

该测试广告单元 ID 已经过专门配置，可确保每个请求返回的都是测试广告。您可以在自己应用的编码、测试和调试过程中随意使用该测试广告单元 ID。需要注意的一点是，请务必在发布应用前用您的广告单元 ID 替换该测试广告单元 ID。

## 创建 Adx3BannerAdView 

横幅广告在 Adx3BannerAdView 中展示，您可以将 Adx3BannerAdView 添加到 storyboard 或 xib 文件中，使用此方法时，请务必添加宽度和高度限制，以匹配您要展示的广告尺寸。例如，当展示 320x50 的横幅广告时，请使用 320 点的宽度限制和 50 点的高度限制。

代码方式集成

您还可以直接将 Adx3BannerAdView 实例化。以下示例展示了如何创建 Adx3BannerAdView，使之贴靠至屏幕安全区域底部的中央位置，并使用 250x150 的横幅广告尺寸：

{% tabs %}
{% tab title="Swift" %}

```swift
class ViewController: UIViewController {
    
    var bannerView : Adx3BannerAdView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.addBannerView()
        // Do any additional setup after loading the view.
    }
    
    func addBannerView() {
        bannerView = Adx3BannerAdView.init(adSize: CGSize(width: 250, height: 150), delegate: self)
        bannerView!.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(bannerView)
        view.addConstraint(NSLayoutConstraint.init(item: bannerView!, attribute: .bottom, relatedBy: .equal, toItem: bottomLayoutGuide, attribute: .bottom, multiplier: 1.0, constant: 0.0))
        view.addConstraint(NSLayoutConstraint.init(item: bannerView!, attribute: .centerX, relatedBy: .equal, toItem: view, attribute: .centerX, multiplier: 1.0, constant: 0.0))
    }

}
```

{% endtab %}

{% tab title="Objective-C" %}

```objectivec
#import "Adx3Framework/Adx3Ad.h"

@interface ViewController ()

@property (strong, nonatomic) Adx3BannerAdView *bannberView;

@end

@implementation ViewController

- (void)viewDidLoad {
        [super viewDidLoad];
        [self addBannerView];
}

- (void)addBannerView {
        CGSize adSize = CGSizeMake(250, 150);
        [self.bannberView removeFromSuperview];
        self.bannberView = [[Adx3BannerAdView alloc] initWithAdSize:adSize delegate:self];
        self.bannberView.translatesAutoresizingMaskIntoConstraints = NO;
        [self.view addSubview:self.bannberView];
        [self.view addConstraints:
            @[[NSLayoutConstraint constraintWithItem:self.bannberView attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeCenterX multiplier:1.0 constant:0],
              [NSLayoutConstraint constraintWithItem:self.bannberView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.view.safeAreaLayoutGuide attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0]
        ]];
}

@end
```

{% endtab %}
{% endtabs %}

## 加载广告

在 Adx3BannerAdView 创建完成后，就可以加载广告了，示例：

{% tabs %}
{% tab title="Swift" %}

```swift
 //userId Optional
 self.bannerView.loadRequest(withPlacementID: "Your Placement ID", userId: "", delegate: self)
```

{% endtab %}

{% tab title="Objective-C" %}

```objectivec
// userId optional
[self.bannberView loadRequestWithPlacementID:@"Your Placement ID" userId:@"" delegate:self];
```

{% endtab %}
{% endtabs %}

## 广告事件

通过实现 Adx3BannerDelegate 中的方法（可选），您可以监听广告点击事件，示例：

{% tabs %}
{% tab title="Swift" %}

```swift
func bannerDidClick(forPlacementID placementID: String!, extra: [AnyHashable : Any]!) {
    print("----banner did click----")
}
```

{% endtab %}

{% tab title="Objective-C" %}

```objectivec
-(void)bannerDidClickForPlacementID:(NSString*)placementID extra:(NSDictionary*)extra {
    NSLog(@"----banner did click----");
}
```

{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.adx3.io/copy-of-cn/jie-kou-wen-dang/ios/guang-gao-ge-shi/heng-fu-guang-gao.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.