Balise de remarketing Google – Problème de hauteur iframe

J’ai remarqué que le code de remarketing de Google insère un iframe au bas de ma page. Le problème est que l’iframe gâche ma mise en page (il fait 13px de haut et laisse un espace vertical blanc vide en bas).

J’ai essayé de le cacher avec css mais il est toujours visible dans IE9:

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

J’ai donc deux questions:

a) comment cacher cet iframe dans IE9

b) le plus important – est-il sûr ou peut-il en quelque sorte affecter les fonctionnalités de ce script?

Dans mes sites j’utilise ce 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; } 

Le flottement de l’iframe vous permet d’utiliser une marge négative égale à la hauteur du corps à l’intérieur de l’iframe.

L’autre moyen (mentionné dans les commentaires ci-dessus) est d’insérer la balise de script conversion.js dans une div cachée:

 

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

J’ai eu le même problème. La bonne solution consistait à append une ligne dans la balise de remarketing de Google.

  var google_conversion_format = 3; 

Le tag avant modification:

     

Le tag après modification:

   

N’UTILISEZ PAS LES REPONSES COMPLIQUEES. Utilisez simplement la position:fixed; sur cet élément pour le sortir du stream de documents.

Comme ça:

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

C’est tout! Vous conservez toutes les fonctionnalités d’origine ET vous n’avez pas à vous soucier des modifications de l’API.

Y a-t-il un inconvénient à simplement placer l’iframe en position absolue?

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

moins de code, non! important et pas d’affichage: aucun

Voici ma solution minie super simple:

 /* 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; } 

J’ai ajouté “border: none;” comme mon site insérait automatiquement une bordure qui montrait une couleur même lorsqu’elle était réduite.

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

Je viens d’utiliser css pour définir la hauteur et la largeur à zéro. Enrouler le fichier conversion.js autour d’un div avec un identifiant et définir sa largeur et hauteur d’iframe enfant sur 0.

 

Vous pouvez définir le style dans le fichier css principal.