it-swarm.com.de

Remarketing-Tag von Google - Problem mit der Höhe der Frames

Ich habe festgestellt, dass der Remarketing-Code von Google unten auf meiner Seite einen iframe einfügt. Das Problem ist, dass der iframe mein Layout durcheinander bringt (er ist 13px hoch und lässt unten einen leeren weißen vertikalen Raum zurück).

Ich habe versucht, es mit css zu verstecken, aber es ist immer noch in IE9 sichtbar:

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

Deshalb habe ich zwei Fragen:

a) Wie verdeckt man diesen iframe im IE9?

b) am wichtigsten - ist es sicher oder kann es die Funktionalität dieses Skripts irgendwie beeinträchtigen?

61
Az.

In meinen Websites verwende ich diesen Code

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

Wenn Sie den iframe verschieben, können Sie einen negativen Rand verwenden, der der Körpergröße im iframe entspricht. 

140
Simbus82

Ein anderer Weg (in den Kommentaren oben erwähnt) besteht darin, den script-Tag conversion.js in ein verstecktes div einzufügen:

<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

31
Az.

Ich hatte das gleiche Problem. Die gute Lösung bestand darin, eine Zeile im Google Remarketing-Tag hinzuzufügen.

    var google_conversion_format = 3;

Das Tag vor der Änderung:

<!-- 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>

Das Tag nach der Änderung:

<!-- 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 */

/* ]]> */

22
CCreative

VERWENDEN SIE DIESE NIEMALS KOMPLIZIERTE ANTWORTEN. Verwenden Sie einfach position:fixed; für dieses Element, um es aus dem Dokumentenfluss zu entfernen.

So was:

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

Das ist es! Sie behalten alle ursprünglichen Funktionen UND müssen sich nicht um API-Änderungen kümmern.

17
ExcellentSP

Gibt es einen Nachteil, wenn Sie den iframe einfach als absolute Positionierung festlegen.

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

weniger Code, kein! Wichtiges und keine Anzeige: Keiner

3
timtom

Hier ist meine super einfache verminderte Lösung:

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

Ich habe es getestet und es funktioniert in Chrome, FireFox und IE 10.

Es gibt natürlich mehrere Möglichkeiten, es zu verbergen, aber warum haben Sie keine andere Option?.

2
Daniel

Ich habe "border: none" hinzugefügt. Meine Website fügte automatisch einen Rand ein, der auch beim Zusammenfallen eine Farbe zeigte.

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

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

Ich habe nur css verwendet, um die Höhe und Breite auf Null zu setzen. Wickelte die Datei conversion.js um ein div mit einer id und setzte die untergeordnete iframe-Breite und -Höhe auf 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>

Sie können den Stil in der Haupt-CSS-Datei festlegen.

0
carrieat