티스토리 / / 2018. 12. 26. 22:59

모바일에서 티스토리의 반응형 링크 광고 잘림 현상

모바일에서 티스토리의 반응형 링크 광고 잘림 현상


저는 FastBoot 스킨을 사용중인데요.

이 스킨에 반응형 링크 광고를 넣어서 하고 있습니다.

근데 이 반응형 링크 광고가 PC에서 보면 아무 이상이 없는데

모바일에서 보면 양옆이 잘려서 보이는 현상을 겪었습니다.


정말 알수가 없더군요.

하지만 우리의 친구 구글!!!

시간을 들여 검색한 끝에 결국 해결 방법을 알게되었습니다.


해결 방법은 정말 너무나도 간단하였습니다.

10초만 해결할 수 있더군요.




반응형 링크 광고가 잘리는 현상은 아래 사진과 같습니다.

양 옆이 살짝 잘리는 것이 보이시나요?

어떻게 보면 되게 별거 아닌 것 같기도 합니다.

하지만 티스토리를 운영하는 입장에서는 정말 안좋게

보이더군요.




이 현상을 해결하는 방법은 반응형 링크에 대한 코드를

살짝 수정해야 됩니다. 코드를 아래와 같은 형식으로 

사용하고 있을 것인데요. 

data-full-width-responsive="true" 보이시나요?

이것이 문제였습니다.

해결방법은 이것을 false 로 변경해주면 잘림 현상이

사라지게 됩니다.


<!-- 링크_반응형 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxx"
     data-ad-slot="xxxxxx"
     data-ad-format="link"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>





아래처럼 data-full-width-responsive="false" 

로 변경해주시면 끝납니다.

이제 모바일에서 반응형 링크가 잘리지 않고 잘 나오는지

확인해보도록 하겠습니다.


<!-- 링크_반응형 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxx"
     data-ad-slot="xxxxxx"
     data-ad-format="link"
     data-full-width-responsive="false"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>



네 보이시나요?

양 옆의 둥근 모양 표시가 잘리지 않고 제대로

나오는 것을 확인할 수 있습니다.




이렇게 해결하시면 되겠습니다.

분명 저 말고도 반응형 링크 광고가 잘려서 스트레스를

받고 계시는 티스토리 운영자분들이 또 계실텐데요..

잘 해결되시기를 바라겠습니다.


  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유

댓글을 달아 주세요

TistoryWhaleSkin3.4">