본문 바로가기
블로그 성장기

구글 애드센스 수동 광고 게재 방법: 서식 기능과 div 코드 활용

by 김버리 2024. 7. 15.

애드센스 수동 광고 넣기

구글 애드센스 승인 받고, 내 블로그에 광고를 넣는 방법에는 크게 두 가지가 있다. 첫 번째는 자동 광고이며, 이는 설정만 해주면 크게 신경 쓸 필요는 없다. 두 번째는 수동 광고인데, 이는 내가 일일이 신경 써줘야 한다는 단점이 있지만, 내가 원하는 위치에 광고를 넣을 수 있다는 장점이 있다. 이 글에서는 수동 광고 넣는 방법과 설정 팁에 대해 소개하겠다. 

*목차에서 원하는 소주제를 클릭하면 해당 내용을 바로 읽을 수 있습니다.


구글 애드센스 수동 광고 넣은 꿀팁


요약

  1. 구글 애드센스 광고 게재 방법은 자동과 수동 방식 두 가지가 있다.
  2. 수동 광고를 넣기 위해서는 광고 코드를 만들어야 한다.
  3. 수동 광고를 조금 더 편리하게 이용하기 위해서는 서식 기능을 활용하자.
  4. <div> </div> 코드를 이용해 광고 코드가 깨지는 것을 막아주자.

구글 애드센스 광고 게재 방법

구글 애드센스 광고 게재를 승인받았다면, 이제부터 내 블로그에 광고가 나오도록 설정을 해주어야 한다. 구글 애드센스 광고 게재 방법에는 크게 두 가지가 있으며, 이를 자동 광고와 수동 광고라고 한다. 각각의 광고 게재 방법은 어떠한 장단점이 있을까?

▷ 자동 광고

구글 애드센스 자동 광고는 내 블로그에 광고가 게재되도록 설정하면, 구글이 사이트의 콘텐츠를 분석하여 가장 적합한 광고를 자동으로 게재하는 기능이다. 이 방식의 장단점은 다음과 같다:

  • 장점: 한 번의 설정으로 내 블로그 모든 글에 광고를 넣을 수 있다.
  • 단점: 내가 원하는 위치에 광고를 넣을 수 없다. 즉, 광고에 대한 세부적인 컨트롤이 불가능하다.

▷ 수동 광고

자동 광고와 반대로, 내가 애드센스 광고 코드를 하나씩 블로그 글에 넣어주는 방법이다. 이 방식의 장단점은 다음과 같다:

  • 장점: 내가 원하는 위치에 광고 게재가 가능하다.
  • 단점: 모든 광고를 내가 직접 설정해 줘야 하므로 번거롭다.

이를 요약하면, 자동 광고는 편리하지만 자유도가 떨어지고, 수동 광고는 자유도가 높지만, 번거롭다. 따라서, 애드센스 광고 게재를 승인받은 상황에서 내 블로그 글이 많다면, 자동 광고로 한 번에 광고 게재 설정 끝내는 것이 좋지만, 설정해야 할 블로그 글이 많지 않다면 수동 광고로 원하는 위치에 광고를 넣는 것도 좋은 방법이 될 수 있다.


수동 광고 코드 만드는 방법

수동 광고를 넣기 위해서는 광고 코드를 받아야 하며, 구글 애드센스 광고 코드 받는 방법은 다음과 같다:

1. 구글 애드센스 홈페이지 접속

광고 단위 기준 선택
'광고 단위 기준' 선택

2. '광고' 탭에서 '광고 단위 기준' 선택

광고 스타일 선택
4가지 광고 스타일

3. 원하는 광고 단위 클릭(각각의 장단점이 있으니, 개인의 스타일에 맞게 선택해 준다)

광고 만들기

4. 만들어진 광고를 구분하기 위한 아름을 빨간 박스에 입력하고, 노란 화살표의 "만들기"를 클릭

(인피드 광고를 제외하고 모든 광고 단위의 만드는 방법은 동일하다)

광고 코드 복사

5. 광고 코드 복사하기를 눌러 코드를 복사한 후, 완료 버튼을 눌러준다. 

광고 코드 넣기

 

6. HTML 모드에서 원하는 위치에 복사한 광고 코드를 붙여 넣어 준다.

(광고 코드는 반드시 HTML 모드에서 넣어주어야 한다)

 

이렇게 하면 내 블로그에 구글 애드센스 광고를 게재하기 위한 코드가 완성된다. 


광고 서식 만들기

구글 애드센스 광고를 수동으로 넣어줄 때마다 광고 코드를 복사해서 사용하는 것은 매우 번거로운 일이다. 이 과정을 조금 더 수월하게 만들기 위해서 티스토리 블로그에서 제공하는 '서식' 기능을 이용하는 것이 좋다. 다음은 광고 서식을 만들고, 이를 이용해 수동 광고를 넣는 방법이다:

서식 만들기

1. 티스토리 블로그 설정에서 '서식 관리(노란 화살표)' -> '서식 쓰기(빨간 화살표)' 순으로 이동한다.

광고 코드 복사

2. HTML 모드로 변경 후, 복사한 광고 코드를 넣어준 후에 제목을 입력하고 완료 버튼을 눌러준다.

서식 적용하기

3. 원하는 위치에 만든 서식을 넣어준다(글쓰기 상단의 점 3개(빨간 화살표) 클릭 -> 서식 클릭(노란 화살표) -> 원하는 광고 서식 클릭)

서식 입력하기

4. 광고가 수동으로 잘 들어갔다면, 다음과 같이 코드가 입력된 것을 확인할 수 있다.


<div> </div> 코드 활용하기

수동 광고를 넣을 때 가장 주의해야 할 점은, 넣어준 광고 코드가 깨지는 것을 막는 것이다. 이는 글을 작성하거나 수정하는 과정에서 꽤 쉽게 발생하며, 이를 예방하기 위해서 <div> </div> 코드를 활용하는 것을 추천한다.

  • div 코드란?: 문서의 섹션이나 영역을 정의하는 코드

즉, 문서의 영역을 정의해주는 div 코드를 광고 코드의 처음과 끝에 넣어준다면, 광고 코드가 임의로 수정되는 것을 막을 수 있으며, 이는 다음과 같이 적용할 수 있다.

더보기

<div>
<script src="~~~~~~~~~~~~~~~~~~~~~~"></script>
<!-- 중간광고 수평형 --> <ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-~" data-ad-slot="~~~~~~~~~" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

이처럼, 광고 코드 처음과 끝에 <div>~~</div>를 넣어주면 되며, 이는 글을 작성하는 과정에서 코드가 깨져 광고가 제대로 게재되지 않는 현상을 줄여줄 수 있다.


마무리

애드센스 광고 게재를 승인받았다면, 이제는 어떻게 하면 광고 수입을 늘릴 수 있는지 고민해야 한다. 그 가장 첫 번째 단계가 적절한 광고 게재이며, 이는 수동 광고와 서식 기능을 활용으로 이어진다. 처음에는 번거롭고 어려워 보일 수 있지만, 한 번 세팅해 두면 점차 익숙해질 것이다.


관련글

  • 애드센스 수익 구조:

https://farmfarm.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EB%B8%94%EB%A1%9C%EA%B7%B8-6%EA%B0%9C%EC%9B%94-%EC%B0%A8-%EC%95%A0%EB%93%9C%EC%84%BC%EC%8A%A4-%EC%88%98%EC%9D%B5-%EA%B5%AC%EC%A1%B0-%EB%B3%80%ED%99%94%EC%97%90-%EB%94%B0%EB%A5%B8-%EC%98%81%ED%96%A5


  • 티스토리 스킨 최적화:

https://farmfarm.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%8A%A4%ED%82%A8-%EC%84%A0%ED%83%9D-%EB%B0%8F-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95-%EC%B5%9C%EC%A0%81%ED%99%94-%EC%B2%AB%EA%B1%B8%EC%9D%8C


  • 티스토리 저품질 해결 방법:

https://farmfarm.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EB%B8%94%EB%A1%9C%EA%B7%B8-%EC%A0%80%ED%92%88%EC%A7%88-%ED%99%95%EC%9D%B8%EA%B3%BC-%ED%83%88%EC%B6%9C-%EB%B0%A9%EB%B2%95-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EA%B3%A0%EA%B0%9D%EC%84%BC%ED%84%B0-%EB%AC%B8%EC%9D%98%ED%95%98%EA%B8%B0