03 · 본문 광고 · 전체 코드 방식

04 · 본문 광고 · 슬롯 ID 방식

본문 바로가기
전체 메뉴

블로그스팟 애드센스 넣기 귀찮으셨죠? 슬롯 숫자 10자리만 입력하면 끝나는 스킨의 편안함

📌 30초 핵심 요약: 애드센스 승인을 받고도 막상 블로그스팟에 광고를 넣으려면 <script>와 <ins> 태그, 테마 XML 수정 앞에서 한숨부터 나오는 경우가 많습니다. 지금 보시는 실제 운영 블로그(blog.smarthow.net)에 적용된 SmartHow Theme Pro는 레이아웃에서 게시자 ID(1회)와 data-ad-slot 숫자 10자리만 적어 넣으면 제목 아래·본문 중간·하단·홈 우측까지 알아서 광고를 띄워 줍니다.

구글 애드센스를 막 승인받았을 때의 기쁨도 잠시, 막상 블로그스팟(Blogger)에 광고 코드를 붙이려고 하면 생각보다 훨씬 막막한 과정이 기다리고 있습니다.
워드프레스처럼 애드센스 플러그인을 딸깍 설치할 수 있는 것도 아니고, 그렇다고 기본 스킨의 [HTML 수정] 창을 열자니 알 수 없는 XML 태그들이 빼곡해 한 글자라도 잘못 건드릴까 봐 손이 떨리기 때문입니다.


1. 기존 블로그스팟에서 애드센스 배치가 유독 피곤한 이유

직접 스킨 HTML을 열어 수동으로 광고를 넣어 보신 분이라면 아래 4가지 불편에 깊이 공감하실 겁니다.

  • 긴 광고 코드와 XML 에러 공포: 애드센스 코드 생성기가 만들어 주는 10줄짜리 HTML/스크립트 코드를 그대로 XML 본문에 붙였다가 & 기호나 태그 닫힘 오류로 테마 저장 자체가 실패하기 일쑤입니다.
  • 본문 중간(소제목 사이) 삽입의 번거로움: 제목 아래와 끝에는 어찌어찌 넣더라도, 가장 수익 효율이 좋은 본문 중간 소제목 뒤에 자동으로 광고가 들어가게 하려면 <data:post.body/>를 쪼개는 스크립트를 직접 심거나 글 쓸 때마다 매번 HTML 보기로 들어가 수동 복붙을 해야 합니다.
  • 단위 교체·테스트 시 수정 지옥: 글마다 수동으로 붙여 넣은 광고 코드를 나중에 다른 단위로 바꾸거나 빼려면 과거에 쓴 글을 하나하나 다시 열어야 합니다.
  • 모바일·데스크톱 겹침 관리 부담: 짧은 공지 글에까지 광고가 한꺼번에 뜨거나, 스크립트가 여러 번 중복 호출되어 페이지 속도가 느려지기도 합니다.

2. 딱 ‘이 숫자 10자리’만 넣으면 끝나는 압도적 편안함

SmartHow Theme Pro는 애드센스를 운영할 때 느끼는 그 반복적인 번거로움을 처음부터 스킨 설계 단계에서 완전히 없앴습니다. 이제 애드센스 코드 생성기 화면에서 긴 코드를 통째로 복사해 HTML을 뜯어고칠 필요가 없습니다.

애드센스 코드 생성기에서 ca-pub 게시자 ID와 data-ad-slot 숫자만 복사해 Blogger 레이아웃 04·05번 구역에 입력하는 과정 안내 도해
실제 Blogger 레이아웃 애드센스 블루 설정 카드에 제목 아래·중간·하단 슬롯 숫자가 입력된 화면과 애드센스 코드 생성기 비교 스크린샷
  1. 게시자 ID 1회 입력 (05 · 광고 공통): 레이아웃 아래쪽 [애드센스 게시자 ID (필수)] 제목 칸에 본인의 ca-pub-xxxxxxxxxxxxxxxx 값을 딱 한 번만 저장해 둡니다.
  2. 슬롯 ID 숫자만 붙여넣기 (04 · 본문 광고 + 홈 히어로 옆 오른쪽 광고): 애드센스에서 광고 단위를 만든 뒤, 코드 안쪽의 data-ad-slot="1234567890" 숫자 10자리만 복사해서 제목 아래 / 중간 / 하단 / 홈 우측 칸에 붙여 넣고 저장하면 즉시 배치가 끝납니다.
  3. 애드센스 블루 시각 구분: Blogger 관리자 [레이아웃] 화면에서도 광고 관련 설정 구역만 애드센스 블루 테두리로 묶여 있어, 수많은 가젯 속에서도 한눈에 찾아 수정할 수 있습니다.
비교 항목 기존 수동 HTML 방식 SmartHow Theme Pro
코드 입력 방식 XML 편집기 열어 스크립트 전체 삽입 레이아웃 제목 칸에 슬롯 숫자만 입력
본문 중간 광고 글마다 HTML 보기로 직접 복붙 1·2·3번째 H2 소제목 뒤 자동 삽입
인아티클 등 특수 코드 XML 태그 충돌·저장 오류 빈번 03번 ‘전체 코드’ 칸에 안전하게 별도 지원
긴급 광고 중지 코드를 일일이 주석 처리·삭제 Text224에 켜기 입력으로 슬롯 보존한 채 즉시 정지
“글 쓰는 사람은 글의 밀도와 내용에만 집중하고, 광고 코드 관리와 위치 계산은 스킨이 알아서 안전하게 처리하도록 만들었습니다.”

3. 숫자만 편한 게 아닙니다 — 속도와 정책까지 챙기는 스마트 광고 엔진

단순히 슬롯 번호를 받아 출력하는 수준을 넘어, 실제 블로그 운영 중 마주치는 자잘한 애드센스 이슈까지 스킨 코드가 뒤에서 조용히 해결합니다.

전체 코드·슬롯 ID 병행, 150자 및 400자 짧은 글 자동 보호, H2 위치 겹침 방어, 스크립트 1회 로드, 원클릭 중지, CLS 공간 예약을 담은 SmartHow Theme Pro 광고 엔진 요약

① 특수 광고 코드까지 놓치지 않는 ‘전체 코드 + 슬롯 ID’ 동시 지원

디스플레이 반응형 광고는 오른쪽 04 · 슬롯 ID 칸에 숫자만 넣는 것이 가장 편하지만, 만약 인아티클(In-article)이나 멀티플렉스(Multiplex), 고정 크기(Fixed size)처럼 별도 레이아웃 속성이 들어간 애드센스 단위를 쓰고 싶을 때도 문제없습니다. 왼쪽 03 · 전체 코드 가젯 내용 칸에 애드센스에서 받은 코드 전체를 붙여넣으면, 스킨 파서가 slot과 data-ad-layout·layout-key·인라인 스타일까지 안전하게 읽어 렌더링합니다.

② 중간 소제목 위치 지정(1·2·3)과 중복 겹침 자동 방어

본문 중간 광고는 [소제목 위치] 위젯 제목에 1, 2, 3 중 원하는 숫자를 적으면 몇 번째 <h2> 소제목 뒤에 들어갈지 즉시 결정됩니다. 만약 03번(전체 코드)과 04번(슬롯 ID)에 같은 소제목 번호가 들어갔더라도, 스킨이 동일한 위치에 광고가 두 개 겹쳐 붙지 않도록 자동으로 걸러 줍니다.

③ 짧은 글 자동 보호 · 스크립트 1회 통합 로드 · 원클릭 전체 중지

  • 글 길이 감지 보호: 본문 150자 미만 초단문에는 제목 아래 광고를 넣지 않고, 400자 미만 짧은 글에서는 중간 소제목 광고를 자동으로 생략해 짧은 글에 광고만 가득 차 보이는 현상을 막습니다.
  • adsbygoogle.js 중복 호출 차단: 상단·중간·하단·홈 우측 4개 슬롯과 자동 광고(Text221)를 함께 사용해도, 페이지 전체에 애드센스 로더 스크립트가 이미 있는지 먼저 확인한 뒤 딱 한 번만 비동기(async) 불러옵니다.
  • 원클릭 전체 수동 광고 중지(Text224): 트래픽 점검이나 레이아웃 테스트를 위해 잠시 광고를 내리고 싶다면, 공들여 적어 둔 슬롯 번호들을 지우지 않아도 전체 수동 광고 중지 제목에 켜기만 입력하면 스킨 생성 광고가 즉시 멈춥니다.
  • 화면 덜컹거림(CLS) 완화 & 표준 라벨: 각 광고 컨테이너 위에 ADVERTISEMENT 구분 캡션을 달고 로딩 전 최소 높이(280px)를 예약해, 읽는 도중 본문이 갑자기 아래로 밀리는 불편을 줄여 줍니다.

4. 실제 운영 중인 블로그에서 바로 체감해 보세요

지금 보고 계신 blog.smarthow.net 역시 바로 이 레이아웃 설정 화면에 게시자 ID 한 번과 슬롯 숫자 몇 개만 입력해 광고를 운영하고 있습니다. 각 위치별 세부 입력 순서와 모바일 상단 자동 광고 제외 팁이 궁금하시다면 아래 운영 가이드에서 이어서 확인해 보실 수 있습니다.

※ 본 스킨은 Google Blogger(블로그스팟) 전용이며, 애드센스 승인이나 고수익을 보장하지는 않습니다.

댓글

이 글 공유하기