首页 / JAVASCRIPT / javascript-DFP广告代码无法通过动态DIV注入进行渲染

javascript-DFP广告代码无法通过动态DIV注入进行渲染

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-DFP广告代码无法通过动态DIV注入进行渲染，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3086字，纯文字阅读大概需要5分钟。

内容图文

使用Ajax调用加载附加到主体中的Dynamic Rotator种类的Dynamic HTML样式. AD的DIV ID将在折叠模式下动态添加到Rotator的主体中.

使用尺寸为180×150的DFP Iframe广告

在初始页面上加载时,网页源中没有DIV ID.

我有一种通过Ajax调用将DIV ID动态添加到网页正文中的方案.

代码流：

在网页的HEAD标签内添加了GPT库包含项.

<head>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script> 
</head>

同样,在HEAD标记的cmd.push()方法中定义SLOT,这将调用DFP Server.禁用初始加载,因为在初始页面加载期间定义插槽将检查DIV ID,这会引发错误.

<head>
<script type='text/javascript'>
var slot1 = '';
googletag.cmd.push(function() {
slot1 = googletag.defineSlot('/12638013/Connect_180x150', [180, 150], 'div-gpt-ad-  1389885200465-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.pubads().disableInitialLoad();
googletag.enableServices();
}); 
</script>
</head>

一旦页面在HEAD标记中加载了上面的脚本.通过Ajax调用,将DIV ID附加到网页的正文中.

jQuery('body').append('<div id="div-gpt-ad-1389885200465-0" style="width:180px;    height:150px;"><script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1389885200465-0"); });</script></div>');

将DIV ID动态呈现到网页中之后.刷新HEAD标签中定义的广告位.

googletag.pubads().refresh([slot1]);

最终结果：

使用Google调试控制台验证了以上页面.

页面请求没有任何错误,指出页面已正确标记.

852 ms呈现页面
491毫秒以获取广告
0毫秒以呈现广告

Status  Time    Description
Information Start   Created slot: /12638013/Connect_180x150_0
Information 1 ms    Google service JS loaded
Information 1 ms    Created service: publisher_ads
Information 1 ms    Associated service "publisher_ads" with slot   "/12638013/Connect_180x150".
Information 2 ms    Using single request mode to fetch ads.
Information 2 ms    Fetching GPT PubAds implementation
Information 2 ms    Invoked queued function. Total: 1. Errors: 0.
Information 57 ms   GPT implementation fetched.
Information 759 ms  Calling fillslot.
Information 773 ms  Invoked queued function. Total: 2. Errors: 0.
Information 852 ms  Page load complete
Information 7090 ms Refreshing ads.
Information 7135 ms Fetching ad for slot: /12638013/Connect_180x150
Information 7626 ms Receiving ad for slot: /12638013/Connect_180x150
Information 7626 ms Rendering ad for slot: /12638013/Connect_180x150
Information 7626 ms Completed rendering ad for slot: /12638013/Connect_180x150

但是未在动态注入DIV的旋转器内渲染广告.

我错过了什么吗？建议对我有用.

解决方法:

多年来我自己一直遇到同样的问题….然后我发现：https://plugins.jquery.com/dfp/

您基本上可以删除所有Google JS并使用提供的2-3行解决方案.
我遇到的唯一障碍是缺少“ enableSingleRequest”选项….如果您在页面上加载广告的次数超过一次,则需要将其设置为false.

内容总结

以上是互联网集市为您收集整理的javascript-DFP广告代码无法通过动态DIV注入进行渲染全部内容，希望文章能够帮你解决javascript-DFP广告代码无法通过动态DIV注入进行渲染所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/658754.html

来源：【匿名】