javascript - 动态 DFP Javascript

Question

我确定之前有人问过这个问题并回答过，但我无法找到答案，所以我再次提问。

我正在尝试实现 Google DFP。我能够动态创建转换广告的内联 javascript，因此我知道管理端应该正确配置。

虽然我们的应用程序中没有任何内联 JS，所以我试图用 JS 动态构建它，但我没有太多运气。

我已经粘贴了我的 JS here .值得注意的是，顶部(在/////!EVENTS 之前)会立即加载，而底部会在 $(document).ready() 调用中加载，以防万一这可能是罪魁祸首。

代码的想法是每个广告 div 都有数据属性，包括广告的 url、大小和 id。我使用它循环遍历每个添加，定义广告位，一旦定义了所有广告位，我就会显示所有广告位，一旦发生这种情况，我就会调用其余的 DFP 函数。听起来它应该工作(无论如何对我来说)，但它不是。

每个 console.log() 调用都按预期发生，当我检查最后一次调用记录的 googletag 对象时，调试日志包含如下条目:“Created slot:/[userid]/[ad div id]” "Google service JS loaded","Created service: publisher_ads", "Associated publisher_ads service with slot/[userid]/[ad unit id]";对于每条记录。

我不确定 Google 服务 JS 或为每个广告单元创建的服务调用是否会导致问题或预期的行为，但除了我记录的内容之外，没有任何内容被记录到控制台，但似乎没有任何迹象表明我发现出了点问题，它只是没有转换广告。

在文档和我使用的实现版本中，有执行显示调用的内联脚本。我不确定这是否必须内联处理并以某种方式在调用它的脚本标记的父级中显示结果或其他东西，但即使我进行内联显示调用它也不起作用，没有更多或进行的日志记录减少，这让我相信在 defineSlot() 步骤中有些东西无法正常工作，但就像我提到的那样，googletag 对象的调试日志确实表明插槽已定义。

在我的网络 Pane 中，似乎在 http://partner.googleadservices.com/gampad/google_ads_gpt.js 有两次对 Google 的调用和 http://www.googletagservices.com/tag/js/gpt.js它返回所需的 Javascript，但这些是对 Google 的唯一调用(与广告有关，还有其他分析调用)并且此页面上有 4 个广告应该加载，所以我希望如果广告实际上是在尝试转换。

不用说我不知所措。我敢肯定答案就在眼前，但我并没有真正使用 DFP 或广告，所以我不确定还能去哪里寻找答案。

提前感谢您的指导。

Answer 1

我实际上有一个工作脚本，我很确定它可以满足您的需求。

https://github.com/coop182/jquery.dfp.js

您应该能够从 my script 得到一些指示。但仅通过查看您的代码笔，我发现的一个问题是您没有使用 DFP 需要的 adunit div 的实际 DOM id。您使用的任何地方:

$(that).attr('data-id');

应该是:

$(that).attr('id');

googletag.display 的调用也需要在

之后

googletag.pubads().enableSingleRequest(); 
googletag.enableServices();