애드센스로 수익화를 하다보면 구글에서 자동광고를 설정해서 수익을 극대화하라는 추천을 하곤 합니다.
꼭 이런 이유가 아니더라도, 광고는 상단 광고가 가장 효율이 좋고 콘텐츠 내에 하나씩 수동으로 광고를 넣는 것이 귀찮기도 하기 때문에 본문 내에는 자동광고로 대체하는 경우가 더러 있습니다.
이때 애드센스 자동광고는 여백을 설정할 수 없기 때문에 본문 위에 붙어서 나오는 경우가 많아, 미관을 해치는 경우가 발생합니다.
이때 간단한 CSS 코드만으로 여백을 설정해줄 수 있습니다.
우선 워드프레스 관리자 화면에 접속을 해 외모 → 사용자 정의 → 추가 CSS로 이동을 합니다.
그리고 아래의 코드를 가장 밑에 붙여넣기 하시면 됩니다.
/* 애드센스 자동광고 여백 */
.google-auto-placed {margin: 35px 0px !important;}margin 뒤의 35px 0px는 상단과 하단을 35px 만큼 여백을 주고 좌우는 0px로 여백을 준다는 의미입니다. 상단과 하단의 여백을 다르게 하고 싶은 경우에는 margin: 상단px 오른쪽px 하단px 왼쪽px로 값을 수정해주시면 됩니다. 예를 들어 상단은 60px 하단은 30px의 여백을 넣고 싶다면 margin: 60px 0px 30px 0px가 됩니다.