애드센스 광고, 중앙 정렬시키는 가장 올바른 방법

애드센스, 애드핏 광고 중앙 정렬하는 방법

티스토리 하시는 분들 중 30% 정도는 광고 중앙 정렬을 사용하지 않는 것 같습니다. 제가 다른 블로그님들 여기저기 방문해봤을때 광고 정렬이 되지 않아 가독성이 떨어지고 블로그가 이쁘지(?) 않은 느낌을 받은적이 꽤 있었습니다. 일부로 그렇게 설정하시는 분들도 계시겠지만 몰라서 설정을 못하시는 분들도 계실거 같아 간단하게 광고를 중앙에 정렬하는 방법에 대해 이야기를 하려합니다.

728x90 광고나 리더보드 형식의 광고는 중앙 정렬을 굳이 하지 않아도 페이지 전체를 광고로 차지하기 때문에 상관이 없는데 336x280, 300x250 광고같이 직사각형의 광고들은 중앙 정렬해주시는 편이 보기에도 좋고 클릭(?)하기에도 더 좋은 것 같습니다. 그리고 이보다 더 보기 싫은 형식의 광고가 있는데 긴 사이드바 광고 160x600 이런 길게 늘어뜨린 사이드바 광고가 중앙 정렬이 안되있으면 정말 보기 싫더라구요. 

앞서 말씀드린대로 개개인의 차이가 있겠지만 하고 싶은데 못하시는 분들을 위한 글 입니다. 참고해주시고 읽어주시길 바랍니다.

함께 읽으면 더 좋은 포스팅

티스토리 이전 글 넣기로 블로그 체류시간 늘리기

티스토리 서식 관리 팁! 애드센스 광고 편하게 넣기

애드센스 광고 개수를 줄였더니?

구글 애드센스 정책위반 사례 경험과 극복

광고를 중앙으로 정렬하지 않았을 때

애드센스에서 발급받은 광고 코드를 그대로 넣으면 위에 사진처럼 광고가 왼쪽으로 붙어서 출력이 되게 됩니다. 만약에 글을 가운데 정렬로 작성하게 된다면 글과 광고가 매칭이 전혀 되질 않겠죠? 글도 광고도 왼쪽 정렬로 사용하시는 분들도 계시긴 한데 제 개인적인 생각으로는 글을 왼쪽으로 정렬시킨다 하더라도 광고는 중앙에 배치되어있는데 보기에도 더 좋은 것 같습니다.

애드센스나 애드핏 광고를 중앙에 넣는 방법. 정말 어렵지 않습니다. 센터 태그만 광고 코드에 삽입해주면 끝. 아주 간단합니다. 

Css 스타일을 활용한 광고 중앙 정렬

광고를 중앙에 배치하는 방법은 애드센스나 애드핏에서 발급받은 코드 맨 앞과 맨 끝에 위에 사진처럼 센터 태그만 넣어주시면 됩니다. 아주 간단하죠? <div style="text-align:center;">광고 코드</div>

보통 메모장이나 서식에 광고 코드를 저장해놓고 사용하시는 분들이 많으신데 위에 태그를 삽입시켜놓고 복사해서 사용하시면 편합니다. 센터 태그를 사용할 때 광고가 어떻게 출력되는지 한번 볼까요?

Css 스타일을 활용한 광고 중앙 정렬 예시

이처럼 광고가 중앙에서 노출이됩니다. 뭐 중간 광고는 사용자에 따라서 중앙 정렬을 하셔도 되고 안하셔도 되지만 사이드 바 같은 경우에는 웬만하면 중앙 정렬을 해주시는 편이 보기에 좋습니다. 

다른 블로그분들이 작성한 중앙 정렬하는 방법중에 <center>광고 코드</center> 방법과 <div align="center">광고 코드</div> 방법 등이 있는데 HTML 5에서 오류가 납니다. 저도 예전에 대학교 다닐때 <center> </center> 태그를 배웠었는데 벌써 13년이 지났고 오류 코드로 분류가 됩니다. 두번째도 마찬가지구요. <div style="text-align:center;">광고 코드</div> 이렇게 사용하시는게 가장 올바른 사용방법입니다. 물론 저렇게 사용을 해도 중앙 정렬이 안되는건 아닌데 HTML 오류가 발생합니다.

구글 봇이나 네이버 봇이 HTML 구조도 긁어가기 때문에 오류난 태그를 굳이 사용 할 필요는 없겠죠. 안그래도 웹 마스터 도구가면 HTML 개선사항이 많아서 힘들어 죽겠는데 말이죠.

조금은 도움이 되셨나요? 도움이 되셨다면 "공감" 한번씩 부탁드리겠습니다.

▧ 세모뷰의 리뷰팩토리

▧ 시담다의 秀감성채널

▧ il How의 어떻게하지

▧ chyool0723@gmail.com