[티스토리 수익화] 애드센스 코드 넣는 방법｜HTML 삽입부터 광고 연결 설정까지

티스토리 블로그에서 구글 애드센스 수익화를 준비하다 보면 '애드센스 코드를 사이트에 넣으세요'라는 안내를 볼 수 있습니다.

처음에는 코드를 어디에서 복사해야 하는지, 티스토리의 어느 화면에 붙여 넣어야 하는지 헷갈리기 쉽습니다.

특히 티스토리에는 애드센스 계정을 연결하는 수익 메뉴가 따로 있기 때문에 HTML 코드를 직접 넣는 과정과 계정 연동을 같은 작업으로 생각하는 경우도 있습니다.

하지만 애드센스 코드 삽입, 티스토리 계정 연동, 사이트 승인, 광고 위치 설정은 각각 목적이 다릅니다.

이번 글에서는 티스토리 블로그를 기준으로 애드센스 코드를 복사하는 방법부터 스킨 HTML에 넣는 방법, 계정 연동 및 광고 연결 상태 확인까지 차례대로 정리하겠습니다.

1. 애드센스 코드는 어떤 역할을 할까?

애드센스 코드는 구글 애드센스와 웹사이트를 연결하고 광고 기능을 제공하기 위해 사용하는 코드입니다.

구글 애드센스에서는 사이트 연결이나 광고 게재를 위해 코드를 제공할 수 있습니다.

운영자는 해당 코드를 자신의 사이트에 추가해 구글이 필요한 정보를 확인하도록 할 수 있습니다.

다만 모든 티스토리 블로그 운영자가 같은 방식으로 코드를 직접 삽입해야 하는 것은 아닙니다.

애드센스 계정 화면에서 제공하는 확인 방법과 티스토리의 연동 기능을 먼저 확인하는 것이 좋습니다.

2. 애드센스 코드의 종류부터 구분하기

애드센스 설정 과정에서 확인할 수 있는 코드는 목적에 따라 다릅니다.

첫 번째는 애드센스 코드 스니펫입니다.

이 코드는 사이트 연결과 자동 광고 등의 기능에 사용될 수 있습니다.

두 번째는 사이트 확인용 메타 태그입니다.

구글이 사이트와 애드센스 계정의 연결을 확인할 수 있도록 HTML의 head 영역에 추가하는 방식입니다.

세 번째는 개별 광고 단위 코드입니다.

특정 광고 단위를 생성한 뒤 원하는 위치에 광고를 표시하기 위해 사용하는 코드입니다.

네 번째는 ads.txt 관련 정보입니다.

ads.txt는 승인된 광고 판매자를 알리는 파일로, 일반적인 HTML 광고 코드와는 다릅니다.

이처럼 코드마다 역할이 다르므로 애드센스 화면에서 어떤 작업을 요구하는지 먼저 확인해야 합니다.

3. 애드센스에 로그인하기

먼저 구글 애드센스 공식 홈페이지에 접속합니다.

https://www.google.com/adsense/

애드센스에 가입할 때 사용한 구글 계정으로 로그인합니다.

로그인 후에는 사이트 메뉴에서 티스토리 블로그가 등록되어 있는지 확인합니다.

아직 등록하지 않았다면 사이트 추가 기능을 이용할 수 있습니다.

사이트를 추가한 뒤에는 구글이 제공하는 연결 방법을 확인합니다.

이미 사이트를 등록하고 검토 중이라면 현재 상태를 확인한 뒤 필요한 작업만 진행하는 것이 좋습니다.

4. 애드센스 코드 복사하기

자동 광고에 사용하는 애드센스 코드를 확인하려면 다음 경로를 참고할 수 있습니다.

애드센스 로그인 → 광고 → 코드 가져오기

화면에 코드 가져오기 버튼이 나타나면 선택합니다.

이후 코드 스니펫 복사 기능을 이용해 코드를 복사할 수 있습니다.

구글 공식 안내에 따르면 자동 광고에 사용하는 애드센스 코드는 사이트의 HTML head 영역에 넣을 수 있습니다.

다만 계정 활성화나 사이트 검토를 위한 연결 과정에서는 사이트 메뉴에 별도의 확인 방법이 표시될 수 있습니다.

따라서 심사 중인 경우에는 광고 메뉴에서 임의로 코드를 가져오기보다 사이트 연결 화면의 안내를 우선 확인합니다.

5. 애드센스 코드 형태 살펴보기

애드센스에서 제공하는 코드 스니펫은 일반적으로 다음과 비슷한 형태입니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>위 코드는 구조를 설명하기 위한 예시입니다.

실제로 사용할 때는 반드시 자신의 애드센스 계정에서 제공하는 코드를 복사해야 합니다.

코드에 포함된 ca-pub 번호는 애드센스 게시자 식별 정보와 관련됩니다.

다른 사람의 코드를 그대로 복사해 사용해서는 안 됩니다.

또한 코드 일부를 임의로 수정하지 않는 것이 좋습니다.

6. 티스토리 관리 화면으로 이동하기

애드센스 코드를 복사했다면 티스토리 블로그 관리 화면으로 이동합니다.

먼저 티스토리에 로그인합니다.

그다음 광고를 연결할 블로그의 관리 화면을 엽니다.

스킨 HTML을 직접 수정하려면 일반적으로 다음 경로를 이용합니다.

티스토리 로그인 → 블로그 관리 → 꾸미기 → 스킨 편집

스킨 편집 화면에서 HTML 편집 버튼을 찾습니다.

이 버튼을 선택하면 현재 사용 중인 스킨의 HTML 코드를 확인할 수 있습니다.

스킨 편집 화면의 메뉴 구성은 업데이트에 따라 달라질 수 있습니다.

7. HTML 수정 전에 백업하기

스킨 HTML을 직접 수정하기 전에는 기존 코드를 백업하는 것이 좋습니다.

잘못된 위치에 코드를 삽입하거나 기존 태그를 삭제하면 블로그 화면에 문제가 생길 수 있기 때문입니다.

티스토리에서 스킨 보관 기능을 제공하는 경우 해당 기능을 이용할 수 있습니다.

또는 수정 전 HTML 내용을 별도로 보관하는 방법도 있습니다.

특히 이미 광고 코드나 다른 스크립트가 설치되어 있다면 중복 여부를 확인해야 합니다.

처음 수정하는 경우에는 여러 코드를 한 번에 추가하기보다 필요한 작업만 진행하는 것이 안전합니다.

8. HTML에서 head 영역 찾기

HTML 편집 화면을 열었다면 코드 상단에서 head 태그를 찾습니다.

일반적으로 HTML 문서는 다음과 같은 구조를 가지고 있습니다.

<html>
<head>
사이트 관련 설정 코드
</head>
<body>
페이지에 표시되는 내용
</body>
</html>여기서 head 영역은 사이트의 각종 설정 정보와 스크립트가 들어갈 수 있는 부분입니다.

구글 애드센스의 사이트 연결용 코드 스니펫은 공식 안내에 따라 head 영역에 삽입할 수 있습니다.

중요한 것은 여는 head 태그와 닫는 head 태그 사이에 코드를 넣는 것입니다.

9. 애드센스 코드를 HTML에 붙여 넣기

HTML 편집 화면에서 head 영역을 찾았다면 적절한 위치에 복사한 애드센스 코드를 붙여 넣습니다.

예를 들어 다음과 같은 형태입니다.

<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
</head>이 코드는 예시이므로 실제 적용할 때는 자신의 계정에서 발급받은 코드를 사용해야 합니다.

기존 HTML 내용을 삭제하지 않고 필요한 위치에 추가합니다.

특히 다른 스크립트나 태그의 중간에 코드를 삽입하지 않도록 주의합니다.

코드를 붙여 넣은 뒤에는 저장 또는 적용 버튼을 선택합니다.

10. 사이트 확인용 메타 태그를 사용하는 경우

애드센스 사이트 연결 화면에서는 코드 스니펫 대신 메타 태그를 이용하는 방법을 제공할 수 있습니다.

예를 들어 다음과 같은 형태입니다.

<meta name="google-adsense-account" content="ca-pub-0000000000000000">이 역시 구조를 설명하기 위한 예시입니다.

실제로는 자신의 계정에서 제공하는 메타 태그를 사용해야 합니다.

메타 태그 방식은 HTML head 영역에 확인용 태그를 추가하는 방식입니다.

티스토리에서 메타 태그 등록 기능을 사용할 수 있다면 해당 기능을 활용할 수도 있습니다.

이 경우 전체 태그를 입력하는 방식인지, 이름과 내용을 나누어 입력하는 방식인지 확인해야 합니다.

메타 태그는 사이트 연결을 확인하기 위한 수단이며, 메타 태그만 넣었다고 해서 자동으로 광고가 표시되는 것은 아닙니다.

11. 코드를 저장한 뒤 확인할 사항

HTML 코드를 저장했다면 실제 블로그 화면을 열어봅니다.

먼저 블로그 메인 화면이 정상적으로 표시되는지 확인합니다.

다음으로 게시물 하나를 열어 글과 이미지가 정상적으로 나타나는지 살펴봅니다.

필요하다면 브라우저의 페이지 소스 보기 기능으로 애드센스 코드가 포함되어 있는지 확인할 수 있습니다.

다만 페이지 소스에 코드가 있다고 해서 사이트 승인이 완료되었다는 의미는 아닙니다.

코드가 정상적으로 삽입되었는지와 애드센스의 검토 상태는 별도로 확인해야 합니다.

12. 애드센스에서 사이트 연결 확인하기

코드를 사이트에 적용했다면 다시 애드센스 홈페이지로 돌아갑니다.

사이트 연결 화면에서 필요한 작업을 완료했음을 확인하는 항목을 찾습니다.

구글 공식 안내에서는 연결 방법을 선택하고 필요한 코드를 적용한 뒤 확인 절차를 진행하도록 설명합니다.

화면에서 제공하는 확인 버튼을 선택합니다.

사이트 연결이 확인되면 검토 요청 단계로 진행할 수 있습니다.

만약 사이트를 찾을 수 없다는 안내가 나타난다면 입력한 사이트 주소와 실제 HTML 코드 적용 상태를 확인해야 합니다.

코드가 반영되는 데 시간이 필요할 수도 있습니다.

13. 티스토리 수익 메뉴에서 애드센스 연동하기

HTML 코드 삽입과 별개로 티스토리에서는 수익 메뉴를 통해 애드센스 계정을 연결할 수 있습니다.

기본적인 경로는 다음과 같습니다.

티스토리 로그인 → 블로그 관리 → 수익 → Google AdSense

아직 연동하지 않았다면 연동하기 버튼을 선택합니다.

그다음 구글 로그인 버튼을 누릅니다.

애드센스에 사용하는 구글 계정으로 로그인하고 필요한 접근 권한을 허용합니다.

연동이 완료되면 티스토리에서 애드센스 관리 기능을 이용할 수 있습니다.

이미 연동을 완료했다면 같은 작업을 반복할 필요는 없습니다.

14. HTML 코드 삽입과 티스토리 계정 연동의 차이

두 작업은 목적이 다릅니다.

HTML 코드 삽입은 구글이 사이트를 확인하거나 광고 기능을 제공할 수 있도록 코드를 웹페이지에 추가하는 작업입니다.

티스토리 계정 연동은 티스토리 관리 화면에서 애드센스 계정과 관련 기능을 연결하는 작업입니다.

따라서 티스토리 연동이 완료되었다면 무조건 HTML 코드를 추가해야 한다고 생각할 필요는 없습니다.

반대로 HTML 코드를 넣었다고 해서 티스토리 수익 메뉴의 계정 연동까지 완료된 것도 아닙니다.

현재 애드센스 계정의 사이트 연결 상태와 티스토리 연동 상태를 각각 확인하는 것이 정확합니다.

15. 같은 애드센스 코드를 중복으로 넣어도 될까?

이미 티스토리 스킨에 애드센스 코드가 들어 있는데 다시 동일한 코드를 추가하려는 경우가 있습니다.

하지만 동일한 스크립트를 불필요하게 중복 설치하는 것은 피하는 것이 좋습니다.

기존에 수동으로 넣은 코드가 있는지 먼저 확인합니다.

티스토리 수익 메뉴에서 광고 기능을 설정한 경우에도 수동 코드와 중복되는 부분이 없는지 살펴봅니다.

중복된 코드가 항상 즉시 오류를 발생시키는 것은 아니지만, 광고 동작을 확인하거나 문제를 해결할 때 혼란을 줄 수 있습니다.

따라서 어떤 기능을 통해 광고를 관리할 것인지 정하고 불필요한 코드는 정리하는 것이 좋습니다.

단, 코드의 종류와 용도가 다를 수 있으므로 내용을 확인하지 않고 모두 삭제해서는 안 됩니다.

16. 애드센스 승인 전과 승인 후의 차이

애드센스 사이트가 검토 중이라면 코드가 정상적으로 삽입되어 있어도 광고가 표시되지 않을 수 있습니다.

구글 공식 안내에서도 사이트가 승인되기 전에는 광고가 게재되지 않는다고 설명합니다.

따라서 심사 중인 블로그에서는 광고가 보이지 않는 것만으로 코드 설치 오류라고 판단해서는 안 됩니다.

먼저 애드센스 사이트 메뉴에서 검토 상태를 확인해야 합니다.

사이트가 승인된 이후에는 광고 표시 설정을 진행할 수 있습니다.

승인 여부와 광고 표시 여부를 구분하면 불필요한 코드 수정이나 재설정을 줄일 수 있습니다.

17. 애드센스 승인 후 광고 위치 설정하기

사이트가 광고 게재 가능한 상태가 되었다면 티스토리 애드센스 관리 화면에서 광고 위치를 설정할 수 있습니다.

기본적인 경로는 다음과 같습니다.

블로그 관리 → 수익 → 애드센스 관리

티스토리 공식 안내에서는 본문 상단, 본문 하단, 사이드바, 목록 상단, 목록 하단 등의 광고 위치를 설명하고 있습니다.

원하는 광고 위치의 스위치를 켠 뒤 변경사항 저장 버튼을 선택합니다.

스위치를 켜는 것만으로 설정이 저장되는 것은 아니므로 저장 여부를 확인해야 합니다.

실제 광고가 표시되는 위치와 방식은 스킨 및 광고 게재 환경에 따라 달라질 수 있습니다.

18. 자동 광고를 사용할 때 주의할 사항

구글 애드센스에는 자동 광고 기능이 있습니다.

자동 광고는 페이지 구조 등을 고려해 광고 게재 위치를 자동으로 결정하는 기능입니다.

하지만 티스토리에서는 일부 광고 형식의 사용을 제한하고 있습니다.

티스토리는 2025년 공지를 통해 앵커 광고와 오퍼월 광고 사용을 제한했습니다.

또한 모바일 전면광고에 대해서도 제한을 안내했습니다.

따라서 자동 광고를 사용하는 경우 애드센스의 광고 설정 화면에서 해당 광고 형식이 꺼져 있는지 확인해야 합니다.

직접 HTML 스크립트로 구현한 광고도 티스토리 운영 정책의 적용 대상이 될 수 있습니다.

광고 코드를 넣기 전에 현재 티스토리 운영 정책을 확인하는 것이 중요합니다.

19. 애드센스 코드 연결이 안 될 때 확인할 사항

애드센스에서 사이트를 찾을 수 없거나 연결 오류가 나타난다면 다음 사항을 점검해 봅니다.

첫째, 애드센스에 등록한 사이트 주소가 실제 티스토리 주소와 일치하는지 확인합니다.

둘째, 개인 도메인을 사용하는 경우 등록한 도메인이 정확한지 확인합니다.

셋째, 애드센스에서 제공한 코드를 그대로 사용했는지 확인합니다.

넷째, HTML head 영역에 코드가 정상적으로 반영되었는지 확인합니다.

다섯째, 코드를 삽입한 뒤 저장했는지 확인합니다.

여섯째, 티스토리 수익 메뉴에서 계정 연동 상태를 확인합니다.

일곱째, 블로그가 외부에서 정상적으로 열리는지 확인합니다.

이 과정을 확인했는데도 문제가 계속된다면 애드센스 계정에 표시되는 오류 안내를 참고하는 것이 좋습니다.

20. 광고가 보이지 않을 때 확인할 사항

애드센스 코드 연결과 사이트 검토가 완료되었는데도 광고가 보이지 않는다면 다음 항목을 확인합니다.

① 애드센스 사이트가 승인된 상태인지 확인합니다.

② 티스토리에서 애드센스 계정 연동이 완료되었는지 확인합니다.

③ 광고 위치 설정이 활성화되어 있는지 확인합니다.

④ 변경사항 저장을 완료했는지 확인합니다.

⑤ 광고 차단 프로그램이 영향을 주고 있지 않은지 확인합니다.

⑥ 실제 블로그 화면에서 광고 표시 상태를 점검합니다.

광고는 모든 페이지에서 항상 동일하게 표시되는 것은 아닙니다.

따라서 광고가 한 번 보이지 않았다는 이유만으로 코드가 잘못되었다고 단정하지 않는 것이 좋습니다.

21. 애드센스 코드 삽입 및 광고 연결 체크리스트

□ 애드센스에 올바른 구글 계정으로 로그인했는가?

□ 애드센스 사이트 목록에 티스토리 주소가 등록되어 있는가?

□ 현재 필요한 사이트 확인 방법을 확인했는가?

□ 애드센스 코드 또는 메타 태그를 정확하게 복사했는가?

□ 티스토리 HTML 수정 전에 기존 내용을 백업했는가?

□ 필요한 경우 head 영역에 코드를 삽입했는가?

□ HTML 변경사항을 저장했는가?

□ 동일한 코드가 불필요하게 중복 설치되지 않았는가?

□ 애드센스에서 사이트 연결 확인을 진행했는가?

□ 티스토리 수익 메뉴에서 애드센스 계정 연동을 확인했는가?

□ 애드센스 사이트 검토 상태를 확인했는가?

□ 승인 후 광고 위치와 저장 상태를 확인했는가?

□ 티스토리에서 제한하는 광고 형식을 사용하지 않는가?

마무리

티스토리 블로그에 애드센스 코드를 넣는 과정은 처음에는 복잡하게 느껴질 수 있습니다.

하지만 코드의 종류와 역할을 구분하면 필요한 작업을 이해하기 쉬워집니다.

애드센스 코드 스니펫은 사이트 연결과 광고 기능에 사용될 수 있고, 메타 태그는 사이트 연결 확인에 사용할 수 있습니다.

티스토리 수익 메뉴의 계정 연동은 이러한 HTML 코드 삽입과는 별개의 작업입니다.

따라서 먼저 애드센스에서 현재 어떤 연결 방법을 요구하는지 확인하고, 필요한 경우에만 티스토리 HTML을 수정하는 것이 좋습니다.

코드를 추가했다면 저장 상태와 실제 페이지 반영 여부를 확인하고, 애드센스에서 사이트 연결 및 검토 상태를 점검해야 합니다.

사이트 승인이 완료된 이후에는 티스토리 수익 메뉴에서 광고 위치를 설정할 수 있습니다.

광고를 무조건 많이 배치하기보다는 방문자가 글을 읽는 데 불편함이 없도록 구성하는 것이 중요합니다.

※ 애드센스와 티스토리의 메뉴 구성 및 광고 정책은 업데이트에 따라 달라질 수 있습니다. 실제 설정 시에는 각 서비스의 최신 공식 안내를 확인하시기 바랍니다.