오늘은 구글 애드센스 자동 광고에 여백 주는 법에 대해서 알아보려고 합니다.
아마 애드센스를 설정할 때 수동과 자동광고를 섞어서 사용하게 될 것 같습니다.
그 중에서 인페이지와 일치하는 콘텐츠만 사용하고 앵커 효과와 모바일 전면 광고는 사용하지 않습니다. 효율이 떨어지면서도 UI/UX를 너무 해친다고 생각했거든요.
사실 모바일 전면 광고는 페이지를 로드할때만 나오기 때문에 거의 노출이 안되지만 앵커는 글을 읽으려는데 너무 방해가 되서 꺼놨습니다.
제가 돌아다녀봐도 앵커광고가 있으면 포스팅 내용이 아무리 좋아도 좀 짜증나더라고요.
근데 이 애드센스를 보면서 느끼는 점이었지만 글 바로 밑에 광고가 달려있어서 가독성을 너무 해친다는 생각을 많이 했었던 거죠. 약간의 여백을 주고 싶었달까요?
예를 들면 저 부분이 광고인데 제 글 바로 밑에 있어서 가독성을 많이 해치는 것 같았습니다. 모바일도 마찬가지고요.
어떤가요? 광고가 너무 붙어있다고 생각하지 않으신가요? 그래서 약간의 수정으로 여백을 줘봤습니다.
기본적으로 구글 애드센스 자동광고 삽입 시에는 문단 사이에다가 넣게끔 되어있지만 아래 여백은 있는 상태가 기본이고 위 여백이 없습니다.
티스토리 스킨편집으로 들어가셔서요~ 아래 코드를 추가하면 됩니다.
<style>
.ap_container{
margin-top: 1.5em;
}
</style><head> 하고 </head> 사이에 적당히 추가하면 되요. 그러면 구글 광고 상단에 약간의 여백이 생깁니다. 여백을 조절하고 싶다면 1.5 부분을 줄이거나 높이면서 확인해보면 됩니다. 저는 일단 1.5 로 했어요.
아주 쉽죠?
여백이 확실히 들어갔죠? 앞과 뒤에 여백이 일정하게 들어가도록 조정해야 그나마 시각적으로 이상하지 않은 듯 합니다.
이렇게 아주 간단한 코드로 애드센스 자동 광고에 여백을 줘서 보기 좋게 만듭시다.
'blog' 카테고리의 다른 글
| 티스토리 모바일 화면 깨짐 현상 - 인용구와 링크가 화면을 벗어나는 경우 (2) | 2020.01.13 |
|---|---|
| 구글 키워드를 잡을 땐 애드워즈 키워드 플래너 사용법 (1) | 2020.01.13 |
| 애드센스를 막는 애드블록 차단 스크립트 (3) | 2020.01.09 |
| 애드센스 해외, 외국 광고 차단하는 방법 (0) | 2020.01.05 |
| 티스토리 블로그 주소 숫자 vs 문자 비교(장단점) (0) | 2019.12.30 |
| 티스토리 페이스북 연동하기(Buffer와 Zapier) (10) | 2019.09.09 |
| 카카오 스토리 채널과 티스토리 연동하기 (6) | 2019.09.08 |
| 티스토리에 소스 하이라이트(highlight) 적용하기 (0) | 2018.09.01 |
