기타
[구글 블로그] 구글 애드센스 광고 배경 노란색에서 투명 흰색으로 변경방법
Let it out
2024. 2. 10. 23:54
반응형
구글 애드센스 광고 배경 노란색 투명 흰색으로 변경방법
html에 구글 애드센스를 붙여넣으면 광고가 생성된다.
이때 광고 배경색이 노란색인 경우가 있다. 애드센스 게시 할때 기본 배경색이 노란색인 거 같다.
미관상 좋지 않으므로 투명하게 바꿔 자신 블로그 배경색과 맞춰 주는 것이 좋다.

예시 코드
구글 애드센스를 붙인 예시 코드다.
<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7837134147595063'/>
<!-- 1 -->
<ins class='adsbygoogle' data-ad-client='ca-pub-7837134147595063' data-ad-format='auto' data-ad-slot='9119409480' data-full-width-responsive='true' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
코드 수정해서 투명 배경 만들기
광고를 붙여넣은 코드로 이동하여 style 설정에 ; background:transparent 를 추가 해준다.
; background:transparent
여기다가 추가해 준다.
<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7837134147595063'/>
<!-- 1 -->
<ins class='adsbygoogle' data-ad-client='ca-pub-7837134147595063' data-ad-format='auto' data-ad-slot='9119409480' data-full-width-responsive='true' style='display:block; background:transparent'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
저장 하면 아래처럼 투명으로 변경이 되어 자신 블로그 색상에 맞게 변한다.

반응형