Javascript DFP中的多个广告/创意尺寸
我想知道如何在DFP中为不同的浏览器宽度/屏幕分辨率创建不同的广告/创意尺寸。我找到了这篇关于这个问题的DFP文章,但它是专门针对移动用户的,他们没有给出任何代码,只是给出了一个方法。以下是文章: 在其中,他们给出了如下代码方法:Javascript DFP中的多个广告/创意尺寸,javascript,jquery,google-dfp,Javascript,Jquery,Google Dfp,我想知道如何在DFP中为不同的浏览器宽度/屏幕分辨率创建不同的广告/创意尺寸。我找到了这篇关于这个问题的DFP文章,但它是专门针对移动用户的,他们没有给出任何代码,只是给出了一个方法。以下是文章: 在其中,他们给出了如下代码方法: if screen size < 300px ad tag size = 216 else if screen size < 600px ad tag size = 300 else ad tag size = 600 如果屏幕大小
if screen size < 300px
ad tag size = 216
else if screen size < 600px
ad tag size = 300
else
ad tag size = 600
如果屏幕大小<300px
广告标签大小=216
否则,如果屏幕大小<600px
广告标签大小=300
其他的
广告标签大小=600
但这篇文章只针对手机广告(以下是我的广告图片:
如果有人能告诉我,是否有一种方法可以为不同的浏览器宽度提供多个创意/广告尺寸,那将是令人惊讶的。还有一件事要补充,我不想完全改变广告尺寸,比例将保持不变…因此,例如,我想要一个100x50广告,然后是200x100,然后是300x150,然后是400x200等。如果有人能帮我,或者让我知道这是否可能……那太棒了!如果你看到DFP要求你嵌入到你的页面中的JS代码,它们被分为三个“阶段”:
- 首先定义页面上的可用插槽
- 其次,启用服务
- 第三,你要求填补空缺
googletag.defineSlot('/1234567/my_slot', [728, 90], 'gpt-apps-large').addService(googletag.pubads());
有条件:
if(window.width>728) {
googletag.defineSlot('/1234567/my_slot', [728, 90], 'gpt-apps-large').addService(googletag.pubads());
} else {
googletag.defineSlot('/1234567/my_slot', [468, 60], 'gpt-apps-large').addService(googletag.pubads());
}
编辑:奖励提示--使用此处的信息调试您的广告发布。对于我来说,简单的
窗口。宽度无效,但这很好:
if(window.innerWidth>728) {
googletag.defineSlot('/1234567/my_slot', [728, 90], 'gpt-apps-large').addService(googletag.pubads());
} else {
googletag.defineSlot('/1234567/my_slot', [468, 60], 'gpt-apps-large').addService(googletag.pubads());
}
我想你指的是你自己的房屋广告?因为标准的广告槽是不可伸缩的。请看我的例子:嘿,伙计,在我看来这毫无疑问是可行的,但我在我的JSFIDLE上试用了它,它只给了我一个空白的添加,不管浏览器的宽度是多少:我是否真的必须按照我指定的尺寸上传创意在javascript代码中?它看起来很简单,但目前还不起作用……如果你能让JSFIDLE(贴在原始问题中)起作用,那将是惊人的!!你需要定义每个广告时段(在我的示例中是728x90、468x60)每个尺寸都有创意,是的。hey hexblot,我很感谢你的输入和回答,但当我尝试你的代码时,广告根本不会改变大小。我为一个行项目和广告单元指定了3个广告大小,我上传了3个创意,都是指定大小。当我使用生成的dfp广告标签时,广告会在刷新时改变大小,但再次更改n、 …我想让广告根据浏览器宽度改变大小,就像你在回答中指定的那样。因此,当我尝试这样做时,广告不会随着浏览器宽度的改变而改变大小。这是我的JSFIDLE:你想让我为此单独提一个问题吗?上面的代码是为了在页面loa时根据浏览器宽度提供广告d、 如果这是您的意思,请不要在浏览器调整大小时动态调整它们的大小。要在页面加载后“刷新”广告,您应该使用.refresh()
方法。有关详细信息,请参阅(不完全是您想要的,但足够近).hey hexblot,感谢您迄今为止的帮助这是我关于整个DFP浏览器宽度问题的最后一个问题..如果您能帮助我,这将意味着如此…..对我来说太多了!问题是:再次感谢您迄今为止的帮助。:)