구글 블로그스팟(Blogger)이나 티스토리에 애드센스 코드를 넣으려면 블로그의 테마 또는 스킨 HTML에서 <head>와 </head> 사이에 코드를 배치하면 됩니다. 다만 Blogger와 티스토리는 자체 애드센스 연동 기능도 제공하므로, 먼저 자동 연동이 가능한지 확인하고 직접 편집은 필요한 경우에만 진행하는 편이 안전합니다.
아래에서는 초보자도 메뉴를 찾을 수 있도록 Blogger와 티스토리의 경로를 각각 정리합니다. 작업 전에는 현재 테마나 스킨을 백업해 두세요. HTML 문법이 잘못되면 블로그 화면이 깨지거나 저장이 거부될 수 있습니다.
애드센스 코드는 어디에 넣어야 할까?
구글 애드센스에서 복사한 사이트 연결용 코드 또는 메타 태그는 일반적으로 페이지의 <head>와 </head> 사이에 넣습니다. <head>는 방문자에게 직접 보이는 본문이 아니라 사이트의 설정 정보와 외부 스크립트를 불러오는 영역입니다.
반드시 자신의 애드센스 계정에서 제공된 코드를 그대로 복사해야 합니다. 예시 코드에 있는 게시자 ID를 사용하거나 다른 블로그의 코드를 복사하면 정상적으로 확인되지 않습니다. 구글의 사이트를 애드센스에 연결하는 공식 안내에서도 코드를 두 head 태그 사이에 배치하도록 설명합니다.
Blogger에서 HTML 편집 화면 여는 방법
- Blogger 관리자 페이지에 로그인하고 코드를 적용할 블로그를 선택합니다.
- 왼쪽 메뉴에서 테마를 클릭합니다.
- 내 테마 영역에서 맞춤설정 버튼 옆의 아래쪽 화살표 또는 점 세 개 모양의 더보기 버튼을 누릅니다.
- 펼쳐진 메뉴에서 HTML 편집을 선택합니다.
첫 번째 캡처는 Blogger의 테마 화면에서 HTML 편집 메뉴를 여는 위치를 보여줍니다. 화면 구성이나 버튼 모양은 계정과 업데이트 시점에 따라 조금 달라질 수 있지만, 핵심 경로는 테마 → 내 테마의 더보기 → HTML 편집입니다. 이 경로는 Blogger 공식 테마 HTML 편집 안내에서도 확인할 수 있습니다.
Blogger의 head 아래에 코드 붙여넣기
- HTML 편집기가 열리면 Windows에서는 Ctrl + F, Mac에서는 Cmd + F를 누릅니다.
<head>를 검색합니다.- 찾은 여는 태그 바로 아래의 새 줄에 애드센스에서 복사한 코드를 붙여넣습니다.
- 코드가 중간에 잘리거나 한 글자라도 바뀌지 않았는지 확인합니다.
- 오른쪽 위의 디스켓 모양 저장 버튼을 누릅니다.
두 번째 캡처의 빨간 화살표는 <head> 바로 아래에 스크립트를 넣는 위치를 나타냅니다. 캡처 안의 G-로 시작하는 값은 Google Analytics 측정 ID의 형식이므로, 이를 애드센스 게시자 코드로 그대로 사용하면 안 됩니다. 이 이미지는 코드의 종류가 아니라 삽입 위치를 이해하는 참고 화면입니다. 실제 작업에는 애드센스에서 복사한 ca-pub- 게시자 정보가 포함된 본인 코드를 사용하세요.
저장 후에는 애드센스의 사이트 연결 화면으로 돌아가 확인 또는 검토 요청 단계를 완료합니다. 코드를 넣었다고 광고가 즉시 표시되는 것은 아니며, 사이트 승인과 광고 설정 상태에 따라 시간이 필요할 수 있습니다.
티스토리에서 스킨 HTML에 직접 넣는 방법
- 티스토리 블로그 관리자 페이지에 로그인합니다.
- 왼쪽 사이드바에서 꾸미기 → 스킨 편집을 선택합니다.
- 오른쪽 위의 html 편집 버튼을 누릅니다.
- 코드 영역에서
<head>와</head>를 찾습니다. <head>바로 아래나</head>바로 위의 빈 줄에 본인의 애드센스 코드를 붙여넣습니다.- 오른쪽 위의 적용 버튼을 누릅니다.
티스토리 스킨을 직접 편집할 때도 먼저 스킨을 백업하는 것이 좋습니다. 스킨을 교체하면 수동으로 추가한 코드가 사라질 수 있으므로, 변경 후에는 애드센스 코드가 남아 있는지 다시 확인하세요.
티스토리는 수익 메뉴 연동을 먼저 확인
티스토리는 블로그 관리 → 수익 → Google AdSense에서 애드센스 계정을 연결하는 기능을 제공합니다. 계정 연동과 광고 설정이 목적이라면 이 방법이 HTML을 직접 수정하는 것보다 간단합니다. 티스토리 공식 애드센스 연동 안내에 따라 연동하기 버튼을 누르고, 애드센스에 사용하는 구글 계정으로 로그인해 접근 권한을 허용하면 됩니다.
자동 연동 기능과 수동 스킨 코드를 무조건 함께 사용할 필요는 없습니다. 같은 스크립트를 중복 삽입하면 관리가 어려워질 수 있으므로 현재 스킨에 이미 애드센스 코드가 있는지 먼저 검색하고, 필요한 방식 한 가지를 기준으로 정리하세요.
저장 전 마지막 점검
- 복사한 코드가 내 애드센스 계정의 코드인지 확인합니다.
- 코드가
<head>와</head>사이에 있는지 확인합니다. - 동일한 애드센스 스크립트가 여러 번 들어가 있지 않은지 검색합니다.
- 테마나 스킨을 수정하기 전에 백업했는지 확인합니다.
- 저장 후 블로그 첫 화면과 글 화면이 정상적으로 열리는지 확인합니다.
- 애드센스 화면에서 사이트 확인 또는 검토 요청 상태를 확인합니다.
Blogger에서는 테마의 HTML 편집 화면을, 티스토리에서는 스킨 HTML 편집 화면이나 수익 메뉴의 공식 연동 기능을 이용하면 됩니다. 가장 중요한 원칙은 본인 계정에서 복사한 코드를 head 영역에 정확히 한 번 넣고, 저장 후 사이트 상태를 확인하는 것입니다.