무료 상담

애드센스 광고 코드는 어떻게 삽입할까?

애드센스 승인을 받았다면, 이제 광고 코드를 사이트에 삽입하여 수익을 시작할 차례입니다. 하지만 처음 해보는 분들에게는 "코드를 어디에 넣어야 하는지", "자동광고와 수동광고는 뭐가 다른지" 등이 헷갈릴 수 있습니다. 이 글에서는 애드센스 광고 코드 삽입 방법을 플랫폼별로 상세히 안내하고, 수익을 극대화하는 광고 배치 팁까지 알려드리겠습니다.

1. 자동광고 vs 수동광고

애드센스에서는 두 가지 방식으로 광고를 게재할 수 있습니다. 각각의 장단점을 이해하고 본인의 사이트에 맞는 방식을 선택하세요.

구분 자동광고 (Auto Ads) 수동광고 (Manual Ads)
코드 삽입 <head>에 한 번만 삽입 원하는 위치마다 개별 삽입
광고 위치 구글이 자동으로 결정 운영자가 직접 선택
설정 난이도 매우 쉬움 중간 수준
디자인 영향 레이아웃이 틀어질 수 있음 디자인 제어 가능
수익 최적화 구글 AI가 최적화 직접 테스트하며 최적화
추천 대상 초보자, 빠른 설정 원하는 경우 경험자, 디자인 제어가 중요한 경우

추천 전략: 자동광고 + 수동광고 병행

처음에는 자동광고로 시작하되, 핵심 위치(본문 상단, 본문 중간)에는 수동광고를 배치하는 병행 전략이 가장 효과적입니다. 자동광고에서 특정 영역의 광고가 불필요하면 애드센스 설정에서 해당 영역만 끌 수도 있습니다.

2. 애드센스 광고 코드 가져오기

2.1 자동광고 코드 가져오기

Step 1

애드센스 로그인

Google AdSense에 로그인합니다.

Step 2

광고 메뉴 이동

왼쪽 메뉴에서 광고 > 사이트 기준을 클릭합니다.

Step 3

코드 가져오기

"코드 가져오기" 버튼을 클릭하면 자동광고 스크립트 코드가 표시됩니다. 이 코드를 복사하세요.

자동광고 코드 예시

아래와 같은 형태의 코드가 생성됩니다 (실제 pub-ID는 본인 계정 번호로 대체됩니다):

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX" crossorigin="anonymous"></script>

2.2 수동 광고 단위 만들기

Step 1

광고 단위 메뉴

광고 > 광고 단위 기준 메뉴로 이동합니다.

Step 2

광고 유형 선택

디스플레이 광고, 인피드 광고, 콘텐츠 내 자동 삽입 광고 중 하나를 선택합니다. 처음이라면 디스플레이 광고(반응형)를 추천합니다.

Step 3

광고 단위 이름 지정 및 코드 복사

광고 단위의 이름을 입력하고(예: "본문 상단 광고"), 만들기를 클릭하면 삽입용 코드가 생성됩니다.

3. 워드프레스에 광고 코드 삽입하기

워드프레스는 다양한 방법으로 애드센스 코드를 삽입할 수 있습니다. 가장 대표적인 세 가지 방법을 소개합니다.

방법 1: 테마 편집기에서 직접 삽입

  1. 외모 > 테마 파일 편집기로 이동합니다.
  2. header.php 파일을 선택합니다.
  3. <head>와 </head> 사이에 자동광고 코드를 붙여넣습니다.
  4. 파일을 저장합니다.

방법 2: 플러그인 사용 (추천)

  • Site Kit by Google: 구글 공식 플러그인. 애드센스 연동이 매우 간편합니다.
  • Ad Inserter: 수동 광고 배치를 세밀하게 제어할 수 있는 플러그인입니다.
  • WPCode: 코드 스니펫을 헤더, 푸터, 본문 등에 쉽게 삽입할 수 있습니다.

방법 3: 위젯 영역 활용

  1. 외모 > 위젯으로 이동합니다.
  2. 사이드바나 푸터 영역에 "사용자 정의 HTML" 위젯을 추가합니다.
  3. 수동 광고 코드를 붙여넣고 저장합니다.

워드프레스 초보자 추천

코드를 직접 수정하는 것이 불안하다면 Site Kit by Google 플러그인을 설치하세요. 애드센스 계정을 연결하기만 하면 자동으로 광고 코드가 삽입되므로 코드를 직접 다룰 필요가 없습니다.

4. 블로그스팟에 광고 코드 삽입하기

블로그스팟(Blogger)은 구글 서비스이므로 애드센스 연동이 매우 간편합니다.

방법 1: 블로그스팟 애드센스 기능 사용

Step 1

수익 메뉴 이동

블로거 대시보드에서 수익 메뉴를 클릭합니다.

Step 2

애드센스 계정 연결

애드센스 계정을 연결하면 자동으로 광고가 게재됩니다.

방법 2: HTML 편집으로 코드 스니펫 직접 삽입

Step 1

테마 편집

테마 > HTML 편집을 클릭합니다.

Step 2

코드 삽입

<head> 태그 바로 아래에 자동광고 코드를 붙여넣습니다. 수동 광고는 본문 영역의 원하는 위치에 삽입합니다.

Step 3

저장 및 확인

테마를 저장하고 블로그에 접속하여 광고가 정상 표시되는지 확인합니다.

블로그스팟 코드 삽입 시 주의사항

  • HTML 편집 전에 반드시 테마 백업을 해두세요.
  • 코드에서 <와 > 기호가 깨지지 않도록 주의하세요.
  • 블로그스팟 자체 광고 기능과 수동 코드가 중복되지 않도록 확인하세요.

5. 일반 HTML 사이트에 삽입하기

직접 HTML로 만든 사이트라면 코드를 바로 삽입할 수 있습니다.

자동광고 삽입

모든 페이지의 <head>와 </head> 사이에 자동광고 스크립트를 삽입합니다.

수동 광고 삽입

광고를 표시하고 싶은 위치에 광고 단위 코드를 직접 삽입합니다. 예를 들어, 본문 상단에 광고를 넣으려면:

  1. HTML 파일을 텍스트 에디터로 열기
  2. 광고를 넣을 위치 찾기 (예: 본문 시작 부분)
  3. 애드센스에서 복사한 광고 단위 코드를 해당 위치에 붙여넣기
  4. 파일 저장 후 서버에 업로드

PHP include 활용 팁

PHP를 사용하는 사이트라면 광고 코드를 별도 파일(예: ad-header.php, ad-sidebar.php)로 만들고 <?php include 'ad-header.php'; ?>로 호출하면 여러 페이지의 광고를 한 번에 관리할 수 있어 매우 편리합니다.

6. 수익을 높이는 광고 배치 팁

광고를 어디에 배치하느냐에 따라 수익이 크게 달라집니다. 아래 가이드를 참고하세요.

광고 위치 수익 효과 주의사항
본문 상단 (첫 문단 아래) 매우 높음 콘텐츠 시작 전 광고만 보이지 않도록 주의
본문 중간 높음 자연스러운 문단 전환 지점에 배치
본문 하단 보통 글을 끝까지 읽는 독자에게 효과적
사이드바 낮음~보통 모바일에서는 하단으로 밀리므로 효과 감소
헤더 영역 보통 사이트 디자인에 영향을 줄 수 있음
☐ 페이지당 광고 수를 적절히 유지합니다 (콘텐츠 대비 광고 비율 주의)
☐ 반응형 광고 단위를 사용하여 모바일 최적화를 합니다
☐ 광고가 콘텐츠와 혼동되지 않도록 명확히 구분합니다
☐ 페이지 로딩 속도에 영향이 없는지 확인합니다
☐ 광고 성과를 정기적으로 분석하고 배치를 최적화합니다

정리

애드센스 광고 코드 삽입은 자동광고와 수동광고 두 가지 방법이 있으며, 워드프레스, 블로그스팟, 일반 HTML 사이트 등 플랫폼에 따라 삽입 방법이 다릅니다. 초보자라면 자동광고로 시작하고, 점차 수동광고를 추가하며 최적 배치를 찾아가는 것이 좋습니다. 광고 위치에 따라 수익이 크게 달라지므로, 본문 상단과 중간에 광고를 배치하고 정기적으로 성과를 분석하여 최적화하세요.

광고 설정이 어렵게 느껴지시나요?

전문가가 광고 최적화까지 도와드립니다

카카오톡 상담하기
카카오톡 상담