[英]MoPub How to implement iOS Native Ads using MPTableViewAdPlacer with dynamic cell height?
我正在使用MPTableViewAdPlacer在iOS UITableView中实现原生广告。 初始化MPTableViewAdPlacer时,它会要求MPStaticNativeAdRendererSettings,它需要实现viewSizeHandler。 但是,这是在提取任何广告之前,因为名称建议为“静态”原生广告。 我正在尝试实现一个可以在获取adData后计算单元格高度,例如标题,图像等。 我一直试图找到一种方法来实现动态单元格高度,但所有示例应用程序,twitter提供的说明仅显示静态高度实现。
代码如下:
-(void)setupAdPlacer {
MPNativeAdRequestTargeting *targeting = [MPNativeAdRequestTargeting targeting];
targeting.location = [[CLLocationManager alloc] init].location;
targeting.desiredAssets = [NSSet setWithObjects: kAdMainImageKey, kAdCTATextKey, kAdTextKey, kAdTitleKey, nil];
MPStaticNativeAdRendererSettings *settings = [[MPStaticNativeAdRendererSettings alloc] init];
settings.renderingViewClass = [REPostListViewMoPubAdCell class];
settings.viewSizeHandler = ^(CGFloat maximumWidth) {
return CGSizeMake(maximumWidth, 312.0);
// STATIC HEIGHT
};
MPNativeAdRendererConfiguration *config = [MPStaticNativeAdRenderer rendererConfigurationWithRendererSettings:settings];
self.adPlacer = [MPTableViewAdPlacer placerWithTableView:self.tableView viewController:self adPositioning:positioning rendererConfigurations:@[config]];
self.adPlacer.delegate = self;
[self.adPlacer loadAdsForAdUnitID:@"xxxxxxxxxxx" targeting:targeting];
}
您需要根据屏幕和桌面视图确定高度和宽度。 我已经在运行时设置了所有组件并且运行良好。
我正在设置mopub使用。
-(void)setUpMopPubAd
{
MPServerAdPositioning *positioning = [[MPServerAdPositioning alloc] init];
self.placer = [MPTableViewAdPlacer placerWithTableView:tableViewContent viewController:self adPositioning:positioning defaultAdRenderingClass:[MoPubAdTableViewCell class]];
MPNativeAdRequestTargeting *targeting = [MPNativeAdRequestTargeting targeting]; targeting.desiredAssets = [NSSet setWithObjects:kAdIconImageKey, kAdMainImageKey, kAdCTATextKey, kAdTextKey, kAdTitleKey, nil];
[self.placer loadAdsForAdUnitID:kMoPubKey];
[tableViewContent mp_setDataSource:self];
[tableViewContent mp_setDelegate:self];
}
我为MoPubAd创建了tableviewcell。
MoPubAdTableViewCell.h
@interface MoPubAdTableViewCell : UITableViewCell<MPNativeAdRendering>
@property (strong, nonatomic) IBOutlet UILabel *titleLabel;
@property (strong, nonatomic) IBOutlet UILabel *mainTextLabel;
@property (strong, nonatomic) IBOutlet UIButton *callToActionButton;
@property (strong, nonatomic) IBOutlet UIImageView *iconImageView;
@property (strong, nonatomic) IBOutlet UIImageView *mainImageView;
MoPubAdTableViewCell.m
@synthesize titleLabel, mainImageView, iconImageView, mainTextLabel,callToActionButton;
- (void)awakeFromNib
{
// Initialization code
}
- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
[super setSelected:selected animated:animated];
// Configure the view for the selected state
}
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self)
{
UIView *viewBackground = [[UIView alloc]init];
[viewBackground.layer setMasksToBounds:YES];
[viewBackground.layer setBorderWidth:1.0];
[viewBackground.layer setBorderColor:[[UIColor colorWithRed:165.0/255.0 green:166.0/255.0 blue:167.0/255.0 alpha:1.0]CGColor]];
[viewBackground setBackgroundColor:[UIColor colorWithRed:255.0/255.0 green:255.0/255.0 blue:255.0/255.0 alpha:0.2]];
if (iPhone4)
{
viewBackground.frame = CGRectMake(4, 4, [UIScreen mainScreen].bounds.size.width - 8 , 305 - 8 + 5);
}
else if (iPhone5)
{
viewBackground.frame = CGRectMake(4, 4, [UIScreen mainScreen].bounds.size.width - 8 , 305 - 8 + 5);
}
else if (iPhone6)
{
viewBackground.frame = CGRectMake(4, 4, [UIScreen mainScreen].bounds.size.width - 8 , 330 - 8 + 8);
}
else if (iPhone6Plus)
{
viewBackground.frame = CGRectMake(4, 4, [UIScreen mainScreen].bounds.size.width - 8 , 355 - 8 );
}
[self addSubview:viewBackground];
self.iconImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, 48, 48)];
// self.iconImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, 60, 60)];
[self.iconImageView.layer setMasksToBounds:YES];
self.iconImageView.layer.cornerRadius = 5.0;
[self addSubview:self.iconImageView];
self.titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(70, 10, 252, 25)];
[self.titleLabel setFont:[UIFont fontWithName:@"Roboto-Bold" size:15.0]];
[self.titleLabel setText:@"Title"];
[self.titleLabel setBackgroundColor:[UIColor clearColor]];
[self.titleLabel setAdjustsFontSizeToFitWidth:YES];
[self addSubview:self.titleLabel];
UILabel *lblSponsored = [[UILabel alloc]initWithFrame:CGRectMake(self.titleLabel.frame.origin.x, self.titleLabel.frame.origin.y + self.titleLabel.frame.size.height , self.titleLabel.frame.size.width, 20)];
lblSponsored.text = @"Sponsored";
lblSponsored.font = [UIFont fontWithName:@"Roboto-Regular" size:13.0];
[lblSponsored setTextAlignment:NSTextAlignmentLeft];
lblSponsored.textColor = [UIColor lightGrayColor];
[lblSponsored setBackgroundColor:[UIColor clearColor]];
[self addSubview:lblSponsored];
self.mainTextLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 65, [UIScreen mainScreen].bounds.size.width - 20, 35)];
[self.mainTextLabel setFont:[UIFont systemFontOfSize:14.0f]];
[self.mainTextLabel setBackgroundColor:[UIColor clearColor]];
[self.mainTextLabel setText:@"Text"];
[self.mainTextLabel setNumberOfLines:2];
[self addSubview:self.mainTextLabel];
self.mainImageView.contentMode = UIViewContentModeScaleAspectFit;
if (iPhone4 || iPhone5)
{
self.mainImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, self.mainTextLabel.frame.size.height + self.mainTextLabel.frame.origin.y + 5, [UIScreen mainScreen].bounds.size.width - 20, 157)]; // 268
}
else if (iPhone6)
{
self.mainImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, self.mainTextLabel.frame.size.height + self.mainTextLabel.frame.origin.y + 5, [UIScreen mainScreen].bounds.size.width - 20, 185)]; //320 260
}
else if (iPhone6Plus)
{
self.mainImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, self.mainTextLabel.frame.size.height + self.mainTextLabel.frame.origin.y + 5, [UIScreen mainScreen].bounds.size.width - 20, 205)]; // 368
}
else
{
self.mainImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, self.mainTextLabel.frame.size.height + self.mainTextLabel.frame.origin.y + 5, [UIScreen mainScreen].bounds.size.width - 20, 157)];
}
[self.mainImageView setClipsToBounds:YES];
// [self.mainImageView setContentMode:UIViewContentModeScaleAspectFill];
[self addSubview:self.mainImageView];
self.callToActionButton = [UIButton buttonWithType:UIButtonTypeCustom];
[self.callToActionButton setFrame:CGRectMake([UIScreen mainScreen].bounds.size.width - 105, self.mainImageView.frame.origin.y + self.mainImageView.frame.size.height + 5, 95, 30)];
[self.callToActionButton.titleLabel setAdjustsFontSizeToFitWidth:YES];
[self.callToActionButton.layer setMasksToBounds:YES];
// [self.callToActionButton.layer setBorderWidth:1.0];
[self.callToActionButton.layer setCornerRadius:5.0];
// [self.callToActionButton.layer setBorderColor:[[UIColor colorWithRed:165.0/255.0 green:166.0/255.0 blue:167.0/255.0 alpha:1.0]CGColor]];
[self.callToActionButton setBackgroundColor:[UIColor colorWithRed:0.0/255.0 green:158.0/255.0 blue:255.0/255.0 alpha:1.0]];
self.callToActionButton.userInteractionEnabled = NO;
[self addSubview:self.callToActionButton];
self.backgroundColor = [UIColor colorWithWhite:0 alpha:0.5f];
self.titleLabel.textColor = [UIColor colorWithWhite:0.86 alpha:1.0f];
self.mainTextLabel.textColor = [UIColor colorWithWhite:0.86 alpha:1.0f];
self.titleLabel.font = [UIFont fontWithName:@"Roboto-Bold" size:15.0];
self.mainTextLabel.font = [UIFont fontWithName:@"Roboto-Regular" size:13.0];
}
return self;
}
- (void)layoutAdAssets:(MPNativeAd *)adObject
{
[adObject loadTitleIntoLabel:self.titleLabel];
[adObject loadTextIntoLabel:self.mainTextLabel];
[adObject loadCallToActionTextIntoButton:self.callToActionButton];
// [adObject loadCallToActionTextIntoLabel:self.callToActionButton.titleLabel];
[adObject loadIconIntoImageView:self.iconImageView];
[adObject loadImageIntoImageView:self.mainImageView];
}
+ (CGSize)sizeWithMaximumWidth:(CGFloat)maximumWidth
{
if (iPhone4 || iPhone5)
{
return CGSizeMake(maximumWidth, 305 + 5);
}
else if (iPhone6)
{
return CGSizeMake(maximumWidth, 330 + 8);
}
else
{
return CGSizeMake(maximumWidth, 355 );
}
return CGSizeMake(maximumWidth, 295 + 15);
}
我希望这对你有所帮助。
注意:无论使用哪种tableview方法, mp_
在ViewController中使用带有mp_
前缀的方法。
更新:虽然下面的方法适用于库存MoPub Marketplace适配器,但我发现MoPub SDK中的一个错误可能会导致其他适配器出现问题。 具体来说,如果您使用此方法,则不会显示Facebook的隐私图标视图。 retrieveAdViewForSizeCalculationWithError
调用retrieveViewWithAdapter
。 这为实现大小调整目的而实例化了一个新的广告视图(因此这种方法也可能效率不高)。 当该方法将自定义网络适配器隐私视图添加为子视图时,问题就出现了。 由于MoPub未实例化新适配器,因此适配器的隐私视图将作为子视图添加到此模板adview中,并从真实的adview中删除。 小心翼翼。
我找到了一种解决方法,但它依赖于MoPub SDK接口未公开的常量。
如果你看看MPStreamAdPlacer
- (CGSize)sizeForAd:(MPNativeAd *)ad withMaximumWidth:(CGFloat)maxWidth andIndexPath:(NSIndexPath *)indexPath
{
id<MPNativeAdRenderer> renderer = ad.renderer;
CGSize adSize;
if ([renderer respondsToSelector:@selector(viewSizeHandler)] && renderer.viewSizeHandler) {
adSize = [renderer viewSizeHandler](maxWidth);
if (adSize.height == MPNativeViewDynamicDimension) {
UIView *adView = [ad retrieveAdViewForSizeCalculationWithError:nil];
if (adView) {
CGSize hydratedAdViewSize = [adView sizeThatFits:CGSizeMake(adSize.width, CGFLOAT_MAX)];
return hydratedAdViewSize;
}
}
return adSize;
}
MPTableViewAdPlacer调用此方法来获取广告的大小。 它又使用您在配置布局器时设置的viewSizeHandler。 请注意,如果返回的高度等于MPNativeViewDynamicDimension
(-1.0),那么它将回-sizeThatFits:
广告视图上调用-sizeThatFits:
.
此时,广告视图已使用广告服务器中的数据进行配置,因此您可以实施-sizeThatFits:
并返回适合内容的大小:
// MoPub setup
MPStaticNativeAdRendererSettings *settings = [[MPStaticNativeAdRendererSettings alloc] init];
settings.renderingViewClass = [MyAdView class];
settings.viewSizeHandler = ^(CGFloat maxWidth) {
return CGSizeMake(maxWidth, -1.0);
};
MyAdView类:
- (CGSize)sizeThatFits:(CGSize)size {
// Inspect the configured labels and images to determine appropriate height for given size.width
CGFloat height = ...
return CGSizeMake(size.width, height);
}
警告
MPNativeViewDynamicDimension
是内部MPStaticNativeAdRenderer,因此值和行为可能会更改,恕不另行通知。 可能值得添加对链接的SDK版本的检查,如果更改,则发出警告以检查实现是否仍然有效
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.