애드센스 광고구현 자주 묻는 질문
애드센스에 대한 포스팅을 하다보면 광고 구현에 대한 질문이 상당히 많습니다.
그 중에서도 많은 분들이 궁금해하시는 부분에 대해서 정리 해봤습니다.
대부분의 방법이 광고코드를 div태그로 묶는 것 부터 시작합니다.
정말 초보자분들을 위해 복사 붙여넣기만 할줄 알면사용할 수 있도록 설명하려고 노력했습니다.
공통적으로 파란색 글씨로 된 부분이 직접 수정해야할 부분입니다.
애드센스 가운데 정렬 하는 방법
가장 질문이 많은 부분입니다. 애드센스를 가운데 정렬하기 위해서 다음과 같이 div태그로 한번 감싸주면 됩니다.
text-align:center;가 중요한 부분 입니다.
<div style="text-align:center;">
광고코드
</div>
오른쪽 정렬 하는 방법
역시 div태그로 한번 감싼 후 div태그의 스타일 속성을 이용하면 됩니다.
<div style="text-align:right">
광고코드
</div>
광고 여백 설정
div style에서 margin값을 조정하면 됩니다. 순서대로 위 오른쪽 아래 왼쪽의 여백입니다.
<div style="margin: 5px 10px 10px 10px ;">
광고코드
</div>
광고가 글과 나란히 나타나게하기
광고가 왼쪽에 나타나고 오른쪽에글이 나타나게 하기 (여백이 필수적입니다.)
<div style="float:left; margin: 5px 10px 10px 10px ;">
광고코드
</div>
광고가 오른쪽에 나타나고 왼쪽에글이 나타나게 하기 (여백이 필수적입니다.)
<div style"float:right; margin: 10px 0px 10px 10px">
광고코드
</div>
.
광고 2개를 나란히 표시하기
광고 2개를 나란히 표시하는 방법은 위의 방법들을 모두응용하면 됩니다.
<div style="margin:10px 0 10px 0">
<span style="text-align:center; width:50%;">
광고코드1
</span>
<span style="text-align:center; width:50%;">
광고코드2
</span>
</div>
그래도 광고가 2줄이 되는 것은 각 광고의 가로 크기 합이 너무 크기때문입니다. 더 작은 광고단위를 사용하세요.
모바일에서 광고단위 숨기는방법
모바일화면, 또는 모바일 화면이 아니더라도 정책을 위반하지 않고 애드센스를 숨기는 방법은 딱 2가지 방법 뿐입니다.
자바스크립트를 이용해 광고로딩시점 이전에 애드센스 광고코드를 삭제하거나,
반응형 애드센스의 고급형코드를 이용해 광고크기를 0px, 0px로 지정 또는 display:none;처리하는 것입니다.
그중에서 설명이 쉬운반응형 고급형코드를 사용하는 방법에대해 알아보겠습니다.
