애드센스 광고 배경색 바꾸기 - 텍스트 배경 색상이 노란색으로 나올 때 해결법

애드센스 광고 배경색 바꾸기 - 텍스트 배경 색상이 노란색으로 나올 때 해결법

   애드센스 광고코드를 생성할 때 '텍스트 광고 스타일'을 수정하지 않았다면, '기본형 광고(Default 스타일)'로 자동 설정되게 됩니다. 그런데 Default 스타일의 배경색은 흰색(#FFFFFF)으로 설정되어 있지만, 왜인지 광고를 삽입하면 배경화면이 노란색으로 나오는 경우가 있습니다.

   광고를 생성할 때 광고 크기 설정에서 반응형이 아닌 고정 크기(728x90, 336x280, 300x600 등)를 선택했다면, 노출되는 광고의 크기는 설정된 크기를 기준으로 그 이하값이 노출되게 됩니다. 즉, 336x280 크기의 광고를 생성했다면 노출 가능한 크기는 336x280, 300x250, 250x250 등이 되는 셈입니다. 그리고 바로 이 경우에 차이 나는 여백이 설정된 배경화면 색으로 채워지게 됩니다. 예를 들어 하단 이미지는 336x280 크기로 생성된 광고에 300x250 크기 광고가 노출된 경우입니다.

   이 경우 광고 주변에 파스텔톤의 노란색 배경화면이 생성되게 되는데, 페이지 배경색에 따라 다르게 받아들여질 수 있지만, 대부분 페이지에는 어울리지 않는 색입니다. 이렇게 부조화스러운 광고가 게재되면 클릭률이 떨어질뿐더러 페이지의 미관도 흐리게 됩니다. 그러므로 혹시라도 이런 문제를 가지고 있다면 지금부터 제시하는 방법 중 하나를 선택해 하루빨리 수정하시기 바랍니다.

---

애드센스 광고 배경색 바꾸기 - 텍스트 배경 색상이 노란색으로 나올 때 해결법

1. CSS 수정하기 (일괄 수정)

   위와 같이 CSS 편집 창에서 애드센스의 배경화면을 지정해주는 코드를 추가하면 웹사이트 혹은 블로그에 삽입된 모든 광고의 배경색을 일괄적으로 변경할 수 있습니다.

.adsbygoogle {

background : #ffffff;

}

색상은 html 코드를 이용해 수정할 수 있습니다. [ #ffffff - 흰색 / #000000 - 검은색 ]

- - - - - -

2. 광고 코드 수정하기(개별 수정)

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 광고 이름 -->

<ins class="adsbygoogle"

     style="display:inline-block; width:728px; height:90px background-color:#ffffff; "

     data-ad-client="ca-pub-****************"

     data-ad-slot="*********"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

   위와 같이 광고 코드 내부에 직접 배경색을 지정하는 코드를 넣어 광고마다 개별적으로 배경색을 지정해줄 수도 있습니다. 만약 background-color 코드를 삽입했음에도 효과가 없다면 !important 코드를 추가로 넣으면 됩니다. (background-color : #ffffff !important ;)

---

☞  [ 바로 가기 ]  애드센스 최적화로 수익률 50% 이상 올리기

☞  [ 바로 가기 ]  크기에 따라 변하는 반응형 애드센스 코드 만들기

☞  [ 바로 가기 ]  애드센스 맞춤 채널 설정으로 광고 클릭률 높이기

---

본 포스팅과 관련된 모든 피드백은 환영합니다.

또한, 질문이 있다면 언제든 댓글 남겨주세요.

감사합니다! :)