program tip

Google 리 마케팅 태그-iframe 높이 문제

radiobox 2020. 11. 29. 10:11
반응형

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) 가장 중요한 것은-안전합니까 아니면이 스크립트의 기능에 영향을 미칠 수 있습니까?


내 사이트에서이 코드를 사용합니다.

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 내부의 본문 높이와 동일한 음수 여백을 사용할 수 있습니다.


다른 방법 (위의 주석에서 언급)은 숨겨진 div에 conversion.js 스크립트 태그를 삽입하는 것입니다.

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

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


나는 같은 문제가 있었다. 좋은 해결책은 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;해당 요소를 사용 하여 문서 흐름에서 제거하기 만하면됩니다 .

이렇게 :

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

그게 다야! 모든 원래 기능을 유지하고 API 변경에 대해 걱정할 필요가 없습니다.


iframe을 절대 위치로 설정하는 데 단점이 있습니까?

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

적은 코드, 아니! 중요한 것 및 표시 없음 : 없음


다음은 매우 간단한 축소 솔루션입니다.

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

Chrome, FireFox 및 IE 10에서 테스트했으며 작동합니다.

물론 숨기는 방법에는 여러 가지가 있지만 다른 옵션이없는 이유는 무엇입니까?


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

"테두리 : 없음"을 추가했습니다. 내 사이트가 접혀도 색상이 표시된 테두리를 자동으로 삽입했기 때문입니다.

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


I just used css to set the height and width to zero. Wrapped the conversion.js file around a div with an id and set its child iframe width and height to 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>

You can set the style in the main css file.

참고URL : https://stackoverflow.com/questions/18467529/google-remarketing-tag-iframe-height-issue

반응형