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?

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

 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内的身体高度的负边距。

其他的方法(在上面的评论中提到)是将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

我有同样的问题。 好的解决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 */ /* ]]> */ 

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

喜欢这个:

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

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

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

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

less代码,不!重要,没有显示:没有

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

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

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

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

我只是用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文件中设置样式。