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&guid=ON&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
'program tip' 카테고리의 다른 글
정규식 : 목록에서 검색 (0) | 2020.11.29 |
---|---|
jQuery로 입력 값을 어떻게 비우나요? (0) | 2020.11.29 |
Bash에서 테이블 열을 정렬하는 방법은 무엇입니까? (0) | 2020.11.29 |
android.content.res.Resources $ NotFoundException : 메인의 문자열 리소스 ID 치명적인 예외 (0) | 2020.11.29 |
ifconfig의 출력에서 MAC 주소를 추출하는 가장 좋은 방법은 무엇입니까? (0) | 2020.11.29 |