구글 애드센스 광고 주위 배경 노란색 투명 흰색 변경방법

티스토리 블로그나 워드프레스, 구글 블로그 스팟 등 구글 애드센스 광고를 설정할 수 있는데 일부 광고의 경우 애드센스 광고 주위 배경 테두리 색상이 투명하거나 흰색이 아닌 노란색으로 보이는 경우가 있습니다. 애드센스 광고를 설정하는 경우 관심기반의 광고와 함께 광고속도와 보다 자연스러운 광고위치를 설정함에 있어서 광고 주위 색상이 노랗게 나오는것은 광고 클릭율을 저하시키는 요소이기 때문에 보다 자연스러운 색상으로 변경하는 방법에 대해 알아보겠습니다.

애드센스 광고 코드 수동설정

애드센스 광고에서 보여지는 광고기준에 Style에 대한 부분에서 배경색상을 투명으로 변경해주는 방법으로 변경합니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 잡가이버 애드센스 광고 -->
<ins class="adsbygoogle"
     style="display:block; background:transparent"
     data-ad-client="ca-pub-0000"
     data-ad-slot="0000"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

위 코드를 활용해 애드센스 코드를 자신의 코드로 변경합니다.

위 코드는 애드센스 광고의 스타일의 백그라운드 색상을 Transparent로 설정해 광고테두리 색상을 투명하게 해 애드센스 광고 주위가 노란색으로 보이느것을 변경합니다.

워드프레스 CSS 코드 추가

애드센스 광고의 스타일 색상을 노란색이 아닌 투명으로 하나하나 변경하느게 귀찮다면 워드프레스의 CSS를 변경하는 방법이 있습니다.

워드프레스 관리자모드로 접속합니다.

테마디자인 -> 사용자 정의하기 -> 추가CSS에서 아래 코드를 추가합니다.

.adsbygoogle { background:transparent; }

위 방법을 활용하면 애드센스 광고 주위색상을 투명이나 노란색이 아니라 원하는 색상으로 흰색, 검정색등으로 변경할 수 있습니다.

저작자표시 비영리 변경금지

구글 애드센스 광고 주위 배경 노란색 투명 흰색 변경방법