반응형 티스토리 블로그 본문 상단, 하단에 애드센스 광고 설치하는 방법!

이번 포스팅에서는 간단하게 반응형 티스토리 블로그 본문 상, 하단에 애드센스 광고를 설치하는 방법에 대해 알아보겠습니다.

일반적으로 구글 애드센스를 하는 블로거라면 본문 상단과 하단은 기본적으로 애드센스를 달고 있으며, 본문 중간 중간에도 광고를 달고 있습니다. 이번 포스팅에서는 일단 본문 상, 하단에 광고를 다는 방법에 대해서만 알아보겠습니다.

먼저 내 에드센스 광고 홈으로 들어갑니다. 광고 코드부터 만들어 보겠습니다. 내 광고 -> 광고단위를 선택 후 좌측 상단에 있는 +새 광고단위 버튼을 클릭해 주세요!

본문 상, 하단에 달 광고이기 때문에 네이티브 광고는 달지 않으며, 텍스트 및 디스플레이 광고를 설치하겠습니다. 텍스트 및 디스플레이 광고를 선택해주세요!

그러면 위와 같이 광고를 만들 수 있는데, 크기는 기본인 반응형으로 선택하시고 광고 유형은 텍스트 및 디스플레이 광고를 선택하시면 됩니다. 기본 설정이니 굳이 건드실 필요는 없으며 이름만 편한대로 입력 후 저장 및 코드 생성 버튼을 클릭해 주세요!

그러면 위와 같이 광고 코드가 나옵니다. 코드 유형은 비동기 상태 그대로 냅두면 되며, 광고 코드 전체를 복사해주시기 바랍니다.

다음으로 내 티스토리 블로그 관리페이지에 접속 후 하단의 플러그인 메뉴를 클릭합니다.

플러그인 메뉴를 클릭하면 위와 같이 구글 애드센스 (반응형) 이라는 플러그인이 있습니다. PC, 모바일 용 애드센스 플러그인도 있는데 꼭 반응형을 선택해 주세요!

구글 애드센스 반응형 플러그인을 선택하면 위와 같이 본문 상, 하단에 광고 코드를 넣을 수 있습니다. 상단에만 넣을 수도 있고, 하단에만 넣을 수도 있는데 일반적으로 상, 하단 모두 넣는 것이 좋습니다.

광고 코드를 그대로 두개의 필드에 붙여넣기 해줍니다. 참고로 붙여넣기 할때 아래와 같이 해주시면 광고를 가운데 정렬할 수 있습니다.

<div align="center">

광고코드
</div>

일반적으로 반응형은 좌 우 꽉 차서 가운데 정렬이 필요 없지만 1단형, 2단형 스킨에 따라 좌우 여백이 있을 수 있으니 위와 같이 가운데 정렬을 해주시는 것이 좋습니다.

블로그에 광고 코드를 넣었다면 처음에는 광고가 출력되지 않고 본문 상, 하단에 빈칸이 생길텐데요?

이는 광고 코드를 잘못 붙여넣은 것은 아니며, 아직 활성 상태가 되지 않아서입니다. 위를 보면 신규와 활성이 있죠? 신규는 방금 붙여넣은 코드이며 이 상태가 활성으로 바뀔때 광고가 출력됩니다. 광고는 일반적으로 2시간 이내에 출력되며 최대 48시간 까지 걸릴 수도 있습니다. 그 이상이 됐는데 광고출력이 안된다면, 광고 코드를 잘 못 입력한걸 수 있으니 확인해보시기 바랍니다.

참고로 반응형 블로그를 하시는 분들 중에서 실수를 하시는 분들이 많은데, 꾸미기 -> 모바일 메뉴에 들어가서 모바일웹 자동 연결을 '사용하지 않습니다'로 설정해야합니다. 그래야만 모바일에서도 반응형 블로그와 광고가 정상적으로 나오며, 이를 사용합니다로 할 경우 티스토리 모바일용 블로그 스킨이 적용되므로 광고출력이 되지 않습니다.

기타 질문이 있으시다면 댓글 달아주세요! 본문에 광고를 삽입하는 방법은 다음 포스팅에서 알아보겠습니다.