Google AdWords: remove iframe added by tracking conversion code

Question

I want to add Google AdWords to my site but the script I'm supposed to add creates an iframe in the dom. This iframe is visible and moves down 13px (its height) all my page.

Is there any way to avoid this? If not, can I hide it without affecting Google AdWords functionality? (It is an empty iframe).

Possible duplicate of [Google remarketing tag - iframe height issue](https://stackoverflow.com/questions/18467529/google-remarketing-tag-iframe-height-issue) — Aleksandar, Sep 19 '17 at 13:24

score 94 · Accepted Answer · answered Aug 24 '12 at 15:58

94

There's an easy fix that doesn't affect the functionality of the code snippet. I've done this with no adverse effects. Just place the script within a hidden div like below and it should do the trick:

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

answered Aug 24 '12 at 15:58

Tyler

984
7
5

2

That seems to be perfect. I didn't know if it would affect the behavior or not. Thanks! – Diego Aug 27 '12 at 11:34
1

...and 3 hours later...so glad I found this...thanks! – gxc Jan 09 '14 at 20:46
Even if it works, this is not the right way. Using @Adam Hamilton solution is the way to go – Metal3d May 13 '14 at 13:18
1

Adam hamilton solution doesnt work anymore. Keep considering this one as the best – gsouf Jan 05 '15 at 13:22
1

This no longer works. iFrame doesn't render in Chrome. – dchayka Jan 14 '16 at 15:45

Adam Hamilton · Answer 2 · 2014-09-08T21:43:17.280

@Mario is correct that there is a setting that will allow you to turn this display off. However, this setting doesn't seem to exist on the Google UI for remarketing tags, even though they do display this iframe (I think this is a bug on Google's end, as I imagine the "google_remarketing_only = true" flag was supposed to turn this iframe off and isn't working correctly).

I found out that you can also set this in the tracking JS by manually adding the flag "google_conversion_format = 3", like so:

<script type="text/javascript">
    /* <![CDATA[ */
    var google_conversion_id = 0123456789,
        google_conversion_label = "XXXXXXXX",
        google_custom_params = window.google_tag_params,
        google_remarketing_only = true,
        google_conversion_format = 3;
    /* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>

This might be easier that regenerating the tags for some people, and solves the problem in the case that the UI doesn't support setting this option when generating the tags.

The `google_conversion_format = 3`; definitely fixes the issue. — , Mar 03 '14 at 21:17
This adds an 1x1 image instead of the iframe. It wont fix the issue — gsouf, Jan 05 '15 at 13:19

score 18 · Answer 3 · answered Jan 14 '14 at 16:27

18

I normally add this CSS(3) rule to the stylesheet:

iframe[name=google_conversion_frame] 
{
    display: none !important;
}

Hope it helps.

answered Jan 14 '14 at 16:27

army

545
5
16

Best solution for me. :D – jehzlau Oct 22 '15 at 21:56

score 0 · Answer 4 · answered Aug 11 '17 at 11:36

0

you can also set max-height: 0; instead of display:none; Not sure of implications of display none on the iframe. This works back to ie6.

iframe[name="google_conversion_frame"] {
    display: block;
    max-height: 0;
}

answered Aug 11 '17 at 11:36

Liquify Shopify Developers

29
5

score 0 · Answer 5 · answered Sep 08 '17 at 16:18

0

The best and simplest solution that I have come across for this issue is simply to remove the frame from the document flow by adding the following code to the css stylesheet:

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

Hope this helps

answered Sep 08 '17 at 16:18

Clinton

1,111
1
14
21

Google AdWords: remove iframe added by tracking conversion code

5 Answers5

Linked