Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript DFP中的多个广告/创意尺寸_Javascript_Jquery_Google Dfp - Fatal编程技术网

Javascript 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 如果屏幕大小

我想知道如何在DFP中为不同的浏览器宽度/屏幕分辨率创建不同的广告/创意尺寸。我找到了这篇关于这个问题的DFP文章,但它是专门针对移动用户的,他们没有给出任何代码,只是给出了一个方法。以下是文章:

在其中,他们给出了如下代码方法:

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浏览器宽度问题的最后一个问题..如果您能帮助我,这将意味着如此…..对我来说太多了!问题是:再次感谢您迄今为止的帮助。:)