如何在iframe上添加一个额外的类名,由DFP生成

How to add an extra classname on iframe, generated by DFP?

本文关键字:生成 DFP 一个 iframe 添加      更新时间:2023-09-26

我有一个DFP创意模板,需要在新旧网站上工作。所以在新的网站上(它有自己的广告组件js),我想在DFP框架上添加一个类名"重新设计"。我该怎么做呢?

总之,我想在DFP上有相同的创意模板,为新网站提供额外的类名。

DFP使用友好的iframe。在您的创意模板代码中,您可以找到这个父iframe,并根据需要应用一个类名。

在下面的例子中,我在一个名为"mast_head"的div中呈现我的创意模板。因此,"mast_head"的第一个子将是DFP的iframe。

现在在我的创意模板中,我可以访问这个报头元素并应用style属性,如下所示:

parent.document.getElementById("mast_head").setAttribute("style","height:400px");

这有意义吗?

使用插件解决=> https://github.com/mcountis/dfp-events

所以在重新设计ad.js组件,我添加了一个新的类名"重新设计"。

<>之前window.googletag.cmd.push(函数(){window.googletag。On ('gpt-slot_rendered', function(e,level,message,service,slot) {var slotId = slot.getSlotId();var $slot = $('#' + slotId.getDomId());//DFP添加两个iframe,一个用于调用脚本,另一个用于显示广告。我们想要一个没有被隐藏的如果(slot.find美元(的iframe:不([id * =隐藏])").map(function(){返回this.contentWindow.document;})(身体)定格()。长度> 0) {slot.find美元(iframe) .contents();(身体的).addClass(重新设计);}});});