Google再营销代码 – iframe身高问题

我注意到，Google的再营销代码在我的网页底部插入了一个iframe。 问题是，iframe弄乱我的布局（这是13px高，留下一个空白的白色垂直空间在底部）。

我试图用CSS来隐藏它，但它仍然可以在IE9中看到：

iframe[name='google_conversion_frame'] { height: 0 !important; line-height: 0 !important; font-size: 0 !important; } 

所以我有两个问题：

a）如何在IE9中隐藏这个iframe

b）最重要的是 – 它是安全的还是可以以某种方式影响这个脚本的function？

Answer 1

在我的网站我使用这个代码

 iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } 

浮动iframe允许您使用等于iframe内的身体高度的负边距。

Answer 2

其他的方法（在上面的评论中提到）是将conversion.js脚本标签插入到隐藏的div中：

 <div style="display: none"> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> </div> 

src： http : //keanrichmond.com/google-remarketing-messing-with-my-design.html

Answer 3

我有同样的问题。 好的解决scheme是在google再营销代码中添加一行。

  var google_conversion_format = 3; 

修改前的标签：

 <!-- Code Google de la balise de remarketing --> <script type="text/javascript">/* <![CDATA[ */ var google_conversion_id = 10xxxxxxxx; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script> <noscript><div style="display:inline;"><img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/10xxxxxxxx/?value=0&amp;guid=ON&amp;script=0"/></div></noscript> 

修改后的标签：

 <!-- Code Google de la balise de remarketing --> <script type="text/javascript">/* <![CDATA[ */ var google_conversion_id = 10xxxxxxxx; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; var google_conversion_format = 3; /* ADD THIS LINE TO RESOLVE YOUR PROBLEM */ /* ]]> */ 

Answer 4

不要使用这些复杂的答案。 只需使用position:fixed; 在那个元素上把它从文档stream中拿出来。

喜欢这个：

 iframe[name="google_conversion_frame"]{ position:fixed; } 

而已！ 您保留所有原始function，您不必担心API更改。

Answer 5

有没有什么缺点，只是把iframe设置为绝对定位。

 iframe[name='google_conversion_frame'] { position: absolute; bottom: 0; } 

less代码，不！重要，没有显示：没有

Answer 6

这是我超简单的缩小解决scheme：

 /* Hide AdWords Remarketing iFrame */ iframe[name="google_conversion_frame"]{display:block; height:0;} 

Answer 7

 iframe[name="google_conversion_frame"] { height: 0; padding: 0; margin: 0; display: block; } 

Answer 8

我加了“border：none” 因为我的网站自动插入了即使折叠时也显示颜色的边框。

 /* Hide AdWords Remarketing iFrame */ iframe[name="google_conversion_frame"] { height: 0; padding: 0; margin: 0; border: none; display: block; } 

Answer 9

我只是用CSS来设置高度和宽度为零。 用id包围conversion.js文件，并将其子iframe宽度和高度设置为0。

 <div id="googleiframe"> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> </div> <style type="text/css"> #googleiframe iframe{height:0;width:0;} </style> 

您可以在主CSS文件中设置样式。