안녕하세요?
구글 애드센스를 처음 사용하면 “애드센스 코드를 <head>와 </head> 사이에 추가하세요”라는 안내를 받습니다. HTML을 잘 모르는 초보자라면 이게 무슨 뜻인지 헷갈릴 수 있습니다.
이번 글에서는 HTML의 <head> 태그가 무엇인지, 애드센스 코드를 넣는 방법, 코드를 올바르게 삽입했는지 확인하는 방법을 쉽게 설명하겠습니다.
1. <head> 태그란 무엇인가요?
웹사이트는 HTML이라는 언어로 만들어집니다.
HTML은 여러 개의 태그(< >로 감싸진 코드)로 구성되는데, 그중 <head> 태그는 웹사이트의 설정 정보를 포함하는 영역입니다.
즉, <head> 안에는 웹사이트의 제목, 설명, 스타일, 검색엔진 최적화(SEO) 정보, 구글 에드센스와 같은 외부 스크립트 등이 들어갑니다.
1.1. <head> 태그 예시
아래는 간단한 HTML 코드입니다. <head> 영역과 <body> 영역이 어떻게 구분되는지 확인하세요.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>내 블로그</title>
</head>
<body>
<h1>안녕하세요!</h1>
<p>이곳은 내 블로그입니다.</p>
</body>
</html>
<head> 태그 안에는 웹사이트의 정보가 들어갑니다.
<body> 태그 안에는 실제 화면에 표시되는 내용(글, 이미지 등)이 들어갑니다.
2. 구글 애드센스 코드 삽입 방법
애드센스를 승인받으면 구글에서 아래와 같은 광고 코드를 제공합니다.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<meta name="google-adsense-account" content="ca-pub-xxxxxxxxxxxxxxxx">
2.1. 코드 추가 방법
1. 블로그나 웹사이트의 HTML 파일을 엽니다.
2. <head> 태그와 </head> 태그 사이를 찾습니다.
3. 애드센스에서 제공한 코드를 <head> 영역 안에 복사해서 붙여넣습니다.
✅ 적용 예시
<head>
<구글 애드센스 코드>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<meta name="google-adsense-account" content="ca-pub-xxxxxxxxxxxxxxxx">
</head>
4. 저장한 후, 웹사이트를 다시 실행합니다.
3. 애드센스 코드 삽입 후 확인 방법
코드를 제대로 추가했는지 확인하려면 아래 방법을 사용하세요.
1. 구글 애드센스에 로그인합니다.
2. "사이트" 메뉴에서 자신의 웹사이트 상태를 확인합니다.
3. 코드가 제대로 삽입되면 "확인됨" 또는 "광고 게재 가능" 상태가 표시됩니다.
4. 마무리 – 올바르게 적용했나요?
구글 애드센스 코드를 <head> 태그 안에 추가하는 것은 어렵지 않습니다.
요약:
<head> 태그는 웹사이트의 설정 정보를 담는 공간입니다.
애드센스에서 받은 코드를 <head> 안에 추가해야 합니다.
개발자 도구(F12)나 애드센스 계정에서 코드 적용 여부를 확인할 수 있습니다.
애드센스 광고를 올바르게 설정하면 광고 수익을 얻을 수 있으니, 위 방법대로 따라 해보세요!
'IT' 카테고리의 다른 글
| 아마존의 생성형 AI 알렉사+ 혁신적인 기능과 미래 영향 (6) | 2025.02.28 |
|---|---|
| 네이버 지식인 활용한 블로그 블로그 방문자 늘리기 노하우 (6) | 2025.02.25 |
