[애드센스] 광고 가운데 정렬 웹표준에 올바른 방법 (PC/모바일)

안녕하세요.

나만의 선별된 알쓸신잡 블로그 랜드이스트 입니다.

 

< 애드센스 광고 가운데정렬 가장 올바른 방법 >

 

제 티스토리 블로그에 애드센스 승인을 받고

광고를 걸 수 있어서 기쁜것도 잠시.

 

과연 광고가 제대로 걸려있는가?

방문자들에게 어떻게 보이고 있는가?

너무 궁금하더라구요.

 

PC에서 확인했을 때는 큰 문제없이 보였어요.

하지만

모바일에서 확인했을 때는 좌측으로 치우쳐 내용이 잘려보입니다.

 

 

광고를 가운데 정렬하고 싶어서 좀 알아봤는데

여러분들도 알아보셨다면 이미 아시겠지만

아마 이 2가지 방법을 많이 보셨을 거에요.

 

 

 

 

  애드센스 광고 가운데 정렬 

1번째 방법

<center>광고코드</center>

 

2번째 방법

<div align="center">광고코드</div>

 

저도 2가지 방법을 다 적용해봤는데

아무리 적용하고 기다려봐도 가운데정렬이 안되는거에요.

많은 시간을 들여 모두 수정했는데도 정렬이 되지 않아

너무 실망스러웠고 지쳐갈때 쯤.

 

가장 올바른 새로운 방법을 찾아냈습니다.

위 2가지 방법으로 정렬이 제대로 되지 않는 것은

디바이스 환경에 따라 HTML5 웹표준에 맞지 않아

오류가 발생해 적용되지 않을 수 있기 때문이라 합니다.

 

물론 위 2가지로 해결된 것처럼 보일 수 있어요.

하지만 과연 그게 진짜 해결된 것일까요? ^^

지금 당장에는 문제 없어보일지는 몰라도

PC / 노트북 / 태블릿 / 스마트폰 등 디바이스에 따라서,

익스 / 크롬 / 삼성인터넷 등 브라우저에 따라서,

웹표준에 어긋나 정렬이 적용되지 않을 수 있습니다.

 

그럼 웹표준 HTML5에 가장 올바른

 

3번째 방법

<div style="text-align:center;">광고코드</div>

사실 이 방법 역시 100% 올바른 방법은 아니에요.

하지만 현재까지 제가 알고있는 방법 중

웹표준에 살짝은 어긋나지만 가장 간단히 처리하는 방법이 위의 방법입니다.

 

 

웹표준에 맞는 진짜 가장 올바른 방법은

HTML과 CSS를 모두 건드려 줘야 합니다.

 

HTML

<div class="aaaaa">
광고코드
</div>

 

CSS

.aaaaaa{
text-align:center;
}

 

이렇게 HTML과 CSS , 2가지 모두를 건드려야 하므로

<center>보다는 조금 길긴 하지만

HTML5에 거의 어긋나지 않고 가장 간단히 적용시킬 수 있는 방법은

<div style="text-align:center;">광고코드</div>

일것 같습니다. ^^

 

혹시 제가 작성한 글이 잘못되었거나, 더 좋은 방법이 있다고 생각되시면 알려주세요!

인정하고 수정하겠습니다!

 

 

 

 

 

  그래도 가운데 정렬이 안되세요? 

사실 저도 3번째 방법을 썼는데도 가운데정렬이 안되어 보여서 험한말이 나올뻔 했거든요? ^^

그런데 의외로 문제는 다른데 있었습니다.

혹시 확인을 어디서 확인하셨나요?

저는 제 스마트폰에 티스토리 어플을 설치해서 제 글을 확인하는데요.

티스토리 어플로 들어가서 본인의 글을 확인 할 경우

가운데 정렬이 안되어 보이고 내용도 잘려보이더라구요.

 

하지만 혹시나해서 일반 유저들처럼 크롬이나 삼성인터넷 등 브라우저를 통해

제 블로그나 글을 검색해서 들어가보니 거짓말처럼 가운데정렬이 되어 보입니다.

즉, 3번째 방법까지 사용했음에도 가운데 정렬이 안되는 문제는

티스토리 어플을 통해 본인의 글을 확인했을 때 뿐인것 같습니다!

 

혹시나 티스토리 관련자 분이 이 글을 보신다면

빠른 개선 부탁드립니다! ㅠㅠ 

 

 

 

 

  정렬이 어긋난게 문제가 되냐고요? 

네, 문제가 될 수 있습니다.

이런 어긋난 정렬때문에 광고 내용이 잘리기도 하고

보기에도 좀 허접해보이는 문제가 발생하기 떄문에

클릭 및 유입률에 문제가 생깁니다.

즉, 광고효율이 나빠진다는 말입니다.

 

자연스럽고 그럴싸하게, 광고지만 광고같지않게

광고가 들어가야 광고효율이 좋아질텐데

가장 기본적인 것이 바로 정렬 입니다.

 

그만큼 광고의 가운데 정렬이 중요한 문제라 생각해서

블로그와 구글 애드센스를 승인받고 광고를 시작한지 얼마 안된

애린이 여러분들에게 조금이라도 도움이 되었으면 하는 마음으로

오늘의 포스팅을 작성했습니다.^^

 

그럼 오늘은 여기까지.