Ad Billboard

🛠️ 블로그스팟(Blogspot) & 워드프레스(WordPress) 최적화 실행 가이드

🛠️ 블로그스팟(Blogspot) & 워드프레스(WordPress) 최적화 실행 가이드

 블로그스팟과 워드프레스는 광고 코드 삽입 방식이 완전히 다르기 때문에, 두 플랫폼에 맞춰 가장 안전하고 효율적인 '저효율 광고 제거 및 인아티클 광고 전환' 가이드를 각각 나누어 제시해 드리겠습니다.

파트 1: 블로그스팟 (Blogspot) 가이드

블로그스팟은 주로 '레이아웃'의 위젯을 사용하거나 '테마 HTML'을 직접 수정하여 광고를 삽입합니다. 사이드바 광고는 보통 '레이아웃' 위젯에 있습니다.

1단계: 저효율 사이드바 광고 제거 (블로그스팟)

  1. 레이아웃 접속: 블로그스팟 관리자 페이지에서 '레이아웃(Layout)' 메뉴로 이동합니다.

  2. 광고 위젯 찾기: 사이드바(Sidebar) 영역에서 'HTML/JavaScript' 위젯 형태로 삽입된 'withmake_sidebard_1' 또는 다른 저효율 디스플레이 광고를 찾습니다.

  3. 코드 제거: 해당 위젯을 열고, 내부에 있는 애드센스 코드 전체(<script async src="..."></script>와  <ins>...</ins>$ 태그 포함)를 삭제합니다.

  4. 저장: 위젯과 레이아웃 변경 사항을 저장합니다.

2단계: 인아티클 광고 코드 생성 (애드센스 공통)

  1. 애드센스 접속: 애드센스 대시보드 -> '광고 단위 기준' -> '인아티클 광고'를 선택하여 새 광고를 생성합니다.

  2. 코드 복사: 생성 후 발급되는 인아티클 광고 코드를 복사합니다.

3단계: 인아티클 광고 삽입 (블로그스팟 - HTML 편집)

블로그스팟은 '레이아웃'에서 본문 중간에 코드를 넣기 어렵기 때문에, 스킨(테마)의 HTML을 직접 편집하는 것이 가장 확실합니다.

  1. 테마 접속: 블로그스팟 관리자 페이지에서 '테마(Theme)' 메뉴로 이동합니다.

  2. HTML 편집: 'HTML 편집(Edit HTML)'을 클릭하여 코드를 엽니다.

  3. 본문 내용 찾기: Ctrl+F 또는 Cmd+F를 눌러 <data:post.body/> 태그를 검색합니다. 이 태그가 블로그 글의 본문 내용이 출력되는 위치입니다.

  4. 코드 삽입: <data:post.body/> 태그 바로 아래 또는 에 복사한 인아티클 광고 코드를 붙여 넣습니다.

    • 팁: 만약 글 시작 후 3~4번째 문단 뒤에 넣고 싶다면, JavaScript를 사용해 특정 문단 뒤에 삽입해야 하지만, 초보자에게는 복잡할 수 있으므로, 일단 <data:post.body/> 근처에 배치하여 노출을 시작하는 것이 좋습니다.

  5. 저장: 스킨 코드를 저장하고 블로그에 적용합니다.


파트 2: 워드프레스 (WordPress) 가이드

워드프레스는 '위젯' 외에도 '광고 관리 플러그인'이나 '테마의 사용자 정의 기능'을 사용하여 광고를 관리합니다. 플러그인을 사용하는 것이 가장 안전하고 편리합니다.

1단계: 저효율 사이드바 광고 제거 (워드프레스)

  1. 위젯 접속: 워드프레스 관리자 페이지 -> '외모(Appearance)' ->  '위젯(Widgets)'으로 이동합니다.

  2. 사이드바 위젯 찾기: '사이드바' 영역에서 'HTML' 또는 '텍스트 위젯' 형태로 삽입된 저효율 디스플레이 광고(예: 'withmake_sidebard_1')를 찾습니다.

  3. 제거: 해당 위젯을 열고 코드를 삭제하거나, 위젯 자체를 '비활성 위젯' 영역으로 드래그하여 제거합니다.

  4. 저장: 변경 사항을 저장합니다.

2단계: 인아티클 광고 코드 생성 (애드센스 공통)

(블로그스팟과 동일) 애드센스 대시보드에서 인아티클 광고를 생성하고 코드를 복사합니다.

3단계: 인아티클 광고 삽입 (워드프레스 - 플러그인 권장)

워드프레스는 광고 관리 플러그인을 사용하는 것이 가장 안전합니다. (예: Ad Inserter, Advanced Ads 등)

  1. 플러그인 설치: 관리자 페이지 -> '플러그인(Plugins)'  -> '새로 추가'에서 Ad Inserter (가장 대중적)를 검색하여 설치 및 활성화합니다.

  2. 인아티클 코드 삽입: Ad Inserter 설정으로 이동하여 **새 블록(Block)**에 복사한 인아티클 코드를 붙여 넣습니다.

  3. 위치 설정:

    • 자동 삽입 위치: 'Insertion' 설정에서 위치를 'Post' (게시글)로 지정합니다.

    • 배치 조건: 'Position' 설정을 'After Paragraph (문단 다음)'로 설정하고, 번호를 3 또는 4로 지정합니다. (글 시작 후 3~4번째 문단 뒤에 자동으로 삽입)

  4. 활성화 및 저장: 설정을 저장하고 광고를 활성화합니다.

요약::  플랫폼별 가장 안전하고 효율적인 HTML/위젯 편집 가이드

플랫폼로 해당 환경에 맞는 가장 안전하고 효율적인 HTML/위젯 편집 가이드입니다.

🌟 작업의 핵심 단계:

단계목표사용 도구
1단계저효율 광고 코드 식별애드센스 대시보드 -> 보고서 -> '광고 단위'
2단계광고 코드 제거블로그 관리자 페이지 -> '위젯' 또는 'HTML 편집'
3단계인아티클 코드 생성애드센스 대시보드 -> '새 광고 단위 만들기'
4단계인아티클 코드 삽입블로그 관리자 페이지 -> '스킨 편집' 또는 '플러그인/테마 편집'
다음으로는 실행 후 모니터링이 필수입니다. 아래와 같이 모니터링합니다.


🌟 다음 단계: 핵심 모니터링

위 작업을 완료하셨다면, 이제 가장 중요한 성과 모니터링 단계입니다.

보고서-ad unit

  1. 14일 모니터링: 2주 동안 애드센스 보고서-> '광고 단위'에서 새로 삽입한 인아티클 광고의 CTR과 RPM을 집중적으로 관찰합니다.

  2. 결과 분석: 인아티클 광고의 RPM이 기존 사이드바 광고보다 유의미하게 높게 나오는지 확인하고, 높다면 이 전략을 최종 확정합니다.

작업 중 특정 단계에서 막히거나, 인아티클 광고를 삽입할 최적의 위치를 찾고 싶으시다면 언제든지 알려주세요. 바로 도움을 드리겠습니다.

#가나 투데이 #ganatoday

그린아프로