티스토리 뷰
티스토리 블로그 운영
📘 [티스토리 블로그 완전 정복 시리즈] 9단계 애드센스 광고 코드 설치 방법 총정리! 티스토리·워드프레스·블로거 완벽 가이드
levelupjustme 2025. 4. 7. 17:00목차
"애드센스 승인은 받았는데… 이제 뭘 하지?"
그다음 단계는 바로 광고 코드 설치입니다!
하지만 설치 방법은 사용하는 플랫폼마다 다르죠.
그래서 준비했습니다.
티스토리, 워드프레스, 블로거, HTML 사이트까지
애드센스 광고 코드 설치법을 플랫폼별로 깔끔하게 정리해드릴게요.
✅ Step 1. 광고 코드 먼저 생성하자!
광고 설치는 코드 생성부터!
📌 광고 코드 생성 순서
- 애드센스 계정 접속 → [광고] 메뉴 클릭
- '광고 단위' → '새 광고 단위 만들기'
- 광고 형식(디스플레이, 인피드, 수익형 등) 선택
- 광고 이름 설정 → [코드 생성]
- 생성된 <script> 코드 복사하기
이 코드를 각 플랫폼에 맞게 붙여넣으면 끝!
✅ Step 2. 티스토리에서 광고 코드 붙이기
가장 많이 쓰는 티스토리, 설치도 의외로 간단합니다.
📌 설치 순서:
- 관리자 페이지 → [스킨] → [HTML/CSS 편집]
- </head> 태그 바로 위에 광고 코드 붙여넣기
- 저장 후, 블로그에서 광고 노출 확인!
✅ TIP: 본문 상단/하단, 사이드바에 개별 배치하고 싶다면 <article>나 <aside> 영역을 찾아서 삽입하세요.
✅ Step 3. 워드프레스 설치법 (2가지 방식)
🔹 3.1 플러그인 사용 (추천!)
초보자도 쉽게 할 수 있어요.
- 플러그인 메뉴 → 'Insert Headers and Footers' 또는 'Ad Inserter' 설치
- 설정 → 헤더 영역 or 원하는 위치에 광고 코드 삽입
- 저장 → 광고 자동 삽입 완료!
🔹 3.2 테마 파일 직접 수정
- 외모 > 테마 편집기 > header.php 열기
- <head> 태그 위에 코드 삽입 → 저장
✅ 코딩이 익숙하지 않다면 플러그인 방식이 안전합니다.
✅ Step 4. 블로거(Blogger) 플랫폼 설치법
- 블로거 대시보드 → [레이아웃]
- '위젯 추가' → 'HTML/JavaScript' 선택
- 광고 코드 붙여넣기 → 저장!
✅ 블로거는 코드 삽입 후에도 광고 게재 설정이 활성화되어 있어야 실제 광고가 표시됩니다.
✅ Step 5. HTML 웹사이트 직접 설치
- HTML 파일 열기 (index.html 등)
- 광고를 표시할 위치 선택
- <head> 안 또는 <div> 등 원하는 위치에 광고 코드 삽입
- 저장 후 웹 서버에 업로드!
✅ 레이아웃을 해치지 않도록 위치 선정이 중요합니다.
✅ Step 6. 광고 위치 & 스타일 최적화 팁
단순히 붙여놓는다고 끝이 아닙니다.
어디에 어떻게 배치하느냐에 따라 수익이 달라져요.
📌 위치 추천:
- 본문 상단 / 중간 / 하단
- 사이드바 상단
- 모바일 전용 반응형 광고
📌 스타일 설정:
- 애드센스 대시보드 > 광고 단위에서 광고 크기와 형식 조정
- 자동광고 기능 켜기 or 수동 광고 조합 실험
✅ 광고가 콘텐츠를 방해하지 않으면서도 ‘자연스럽게 노출’되도록 배치하는 것이 핵심입니다.
🧾 결론: 광고 설치는 시작일 뿐, 계속 조정하며 최적화해야 합니다
애드센스 광고 코드 설치는 기본 중의 기본이지만,
이 단계를 잘해야 수익화 구조가 제대로 작동합니다.
📌 요약 정리:
- 플랫폼에 맞게 광고 코드 정확히 삽입
- 광고 위치는 사용자 흐름을 고려해서 자연스럽게
- 설치 후 광고가 정상 표시되는지 꼭 확인
- 광고 유형/크기/스타일 → 대시보드에서 계속 조정!
반응형