모바일페이지에 애드센스 광고 넣을 때 주의할 점

모바일 트래픽이 증가하면서 모바일 애드센스에 대한 관심이 높아졌죠? 모바일 트래픽을 조금이라도 이롭게 하기 위해서 모바일 페이지에도 애드센스를 넣는 추세입니다.

특히 모바일 페이지에는 가독성을 해치지 않고, 무효클릭도 예방할 수 있는 320x50광고를 많이 사용하죠. 그런데 이 광고는 PC에서는 효율이 매우 떨어져요. 그래서 320x50 광고를 모바일에서는 보이고, PC에서는 보이지않게 하는 다양한 방법이 알려져 있어요.

하지만 이런 방법들을 사용할 때 주의할 점이 있어서 알려드려요.

티스토리의 모바일 페이지는 스킨 수정이나 css를 사용할 수 없어서 모바일에서 보이는 광고는 본문에 직접 광고 코드를 넣어야하는 불편함이 있어요. 그런데 본문에 직접 광고를 넣으면 이 광고는 PC에서도 보이고 모바일에서도 보이게 돼요.

그래서 애드센스가 모바일에서는 보이고 PC에서는 보이지 않는 여러가지 방법을 사용합니다. 그 중에 html과 css를 이용한 방법이 있어요. 그 방법은 아래와 같아요.

관리자 - 스킨 편집 - style.css에 아래 내용을 넣어요.

.mobile {display: none}

그런 다음 글을 쓸 때마다 본문에 애드센스 광고 코드를 매 본문에 삽입해 줍니다. 물론 html 모드에서요.

이렇게 하면 애드센스 광고는 모바일에서는 표시가 되지만 PC에서는 표시가 되지 않아요. 적용도 잘 되면서 가장 쉬운 방법이에요.

그런데 이 방법에는 문제가 있어요. 바로 애드센스에서 하지 말라는 방법이거든요. 애드센스의 광고 코드를 수정할 수 있는 몇 가지 예시가 있는데, 위 사항은 거기에 해당하지 않아요.

애드센스 도움말 - 애드센스 광코 코드 수정을 보면 허용되지 않는 광고 코드가 나와있어요. 그 중 첫번째가 바로 광고를 숨기는 건데, 그 예시로 css의 display:none이 나와있어요.

애드센스 정책 - 허용되지 않는 광고 코드

빼도 박도 못하고 아주 정확하게 나와있죠?

그래서 위에서 소개한 방법은 사용하시면 안돼요. 모바일과 PC에서 모두 보이는 애드센스를 사용하거나 반응형 디자인에 있는 소스를 변형해서 사용하시는 게 가장 좋습니다.

그리드형

티스토리툴바