모두
모두콘텐츠
광고가 안 나온다는 연락을 받고 사이트를 열어보면, 애드핏 코드보다 설치 위치가 문제인 경우가 많습니다. 글 편집 화면에는 붙어 있는데 실제 방문자 화면에는 코드가 빠져 있거나, 같은 광고가 두 번 들어가 있죠. 워드프레스에 카카오 애드핏 넣는 방법은 광고 코드를 발급받고, 한 곳에 설치한 뒤, 방문자 화면에서 확인하는 순서로 진행하면 됩니다.
먼저 애드핏 이용 조건을 확인하세요
카카오 애드핏은 현재 제휴 협의와 사전 승인 또는 초대를 거쳐 이용하는 방식으로 안내됩니다. 예전 글처럼 카카오계정만 만들면 곧바로 광고 코드를 받을 수 있다고 생각하면 여기서 막힐 수 있습니다. 애드핏에서 제휴 문의를 진행하고 안내받은 인증코드로 가입한 다음, 워드프레스 사이트를 매체로 등록해야 합니다. 이미 애드핏 계정을 운영 중이라면 해당 계정의 매체 등록 상태부터 확인하세요.
매체를 등록할 때는 실제로 광고를 붙일 사이트를 선택하고, 광고단위를 최소 1개 만듭니다. 광고단위는 광고가 들어갈 자리별로 관리하는 단위입니다. 본문과 사이드바에 각각 넣을 계획이라면 구분해서 만들어 두는 편이 나중에 노출 위치를 확인하기 쉽습니다. 화면의 메뉴 이름은 바뀔 수 있으니 ‘매체’와 ‘광고단위’를 기준으로 찾으면 됩니다.
카카오 운영정책은 매체 심사 과정에서 콘텐츠와 광고 배치, 광고가 정상적으로 호출되는지도 확인한다고 안내합니다. 그래서 심사 전에 광고 코드를 설치하고 방문자 화면에서 호출 여부를 점검해야 합니다. 심사 중 광고가 비어 보인다는 이유만으로 코드를 여러 번 붙이지 마세요. 먼저 코드가 페이지에 들어갔는지 확인하는 게 순서입니다.
글 한 곳에 넣을 때는 사용자 정의 HTML 블록을 쓰세요
광고 위치를 먼저 시험해 볼 때는 플러그인 없이 글 하나에 설치하는 게 간단합니다. 워드프레스 관리자에서 글을 열고 광고를 넣을 문단 아래에 ‘사용자 정의 HTML’ 블록을 추가하세요. 애드핏 광고단위 화면에서 제공하는 광고 코드를 처음부터 끝까지 복사해 그 블록에 붙여 넣고 글을 저장합니다. 코드를 일부만 복사하거나 일반 문단 블록에 붙여 넣으면 스크립트가 제대로 작동하지 않을 수 있습니다.
저라면 본문 첫 문단 바로 아래보다 설명이 한 번 끊기는 지점에 먼저 넣습니다. 예를 들어 글의 세 번째나 네 번째 문단 뒤에 한 자리만 두고 PC와 모바일 화면을 함께 확인합니다. 광고 크기가 좁은 모바일 본문을 넘어서거나 버튼과 너무 가까우면 위치를 옮겨야 합니다. 광고 표시를 눌러 보며 시험하지 말고, 실제 화면에서 배치와 호출 상태만 확인하세요.
워드프레스가 스크립트 태그를 저장 과정에서 제거하는 경우도 있습니다. 저장한 뒤 블록을 다시 열었을 때 코드가 사라졌다면 계정 권한이나 사이트의 보안 설정을 확인하세요. 워드프레스 공식 문서에 따르면 스크립트를 허용하지 않는 권한에서는 사용자 정의 HTML 블록의 해당 코드가 제거될 수 있습니다. 이 상태에서 같은 코드를 반복해서 붙여 넣어도 해결되지 않습니다.
여러 글에 넣으려면 테마에 맞는 위치를 고르세요
글마다 같은 코드를 복사하면 나중에 광고단위를 바꾸거나 위치를 조정할 때 일이 커집니다. 블록 테마를 쓰고 ‘외모 → 편집기’ 메뉴가 보인다면, 단일 글에 쓰이는 템플릿을 열어 원하는 위치에 사용자 정의 HTML 블록을 둘 수 있습니다. 템플릿을 저장하면 그 템플릿을 사용하는 글 전체에 적용되므로, 저장 전에 적용 범위를 확인하세요. 본문 안의 특정 문단 뒤에 자동으로 넣는 용도라면 템플릿 블록만으로는 원하는 위치를 잡기 어려울 수 있습니다.
클래식 테마에서 사이드바에 넣을 때는 ‘외모 → 위젯’의 사이드바 영역에 사용자 정의 HTML 블록을 추가하면 됩니다. 반면 블록 테마에는 위젯 메뉴가 없는 경우가 정상입니다. 메뉴가 안 보인다고 광고용 플러그인부터 설치할 필요는 없습니다. 사용 중인 테마가 블록 테마인지 먼저 확인하세요.
모든 글의 특정 문단 뒤에 광고를 자동으로 넣어야 한다면 무료 Ad Inserter가 대안입니다. 광고 코드를 플러그인의 코드 칸에 넣고 자동 삽입 위치를 ‘문단 뒤’로 설정할 수 있습니다. 처음에는 글에만 적용하고 세 번째 문단 뒤 한 자리 정도로 시작하세요. 이미 글에 직접 넣은 코드가 있다면 먼저 제거해야 중복 노출을 피할 수 있습니다. 한두 글에만 광고를 넣는다면 기본 HTML 블록으로 충분합니다.
저장 뒤에는 방문자 화면에서 세 가지를 확인하세요
첫째, 로그아웃한 브라우저나 비공개 창에서 광고를 넣은 글을 엽니다. 관리자에게만 보이는 미리보기 화면으로 판단하지 마세요. 둘째, PC와 모바일에서 광고 자리의 폭과 문단 간격을 봅니다. 셋째, 페이지 소스에서 애드핏 광고단위 코드가 한 번만 들어갔는지 확인합니다. 화면은 비어 있어도 코드가 있다면 심사 상태나 광고 응답 여부를 애드핏에서 확인할 차례입니다.
코드 자체가 없다면 캐시를 비우고 저장 상태를 다시 확인하세요. 코드가 있는데 호출이 되지 않으면 광고 차단 확장 기능을 끈 환경에서도 확인합니다. 자바스크립트 지연 실행이나 스크립트 최적화 기능을 쓰는 사이트라면 해당 기능을 잠시 해제해 차이가 있는지 보는 것도 방법입니다. 설정을 바꾸기 전에는 원래 값을 적어 두고, 효과가 없으면 되돌리세요.
테마 파일을 직접 고쳐 광고를 넣는 방식은 권하지 않습니다. 작은 수정에도 사이트 전체 출력이 달라질 수 있고, 테마 업데이트 때 변경 내용이 사라질 수 있습니다. 이미 운영 중인 사이트라면 변경 전에 백업을 확인하고 광고 한 자리부터 적용하는 편이 안전합니다. 광고가 뜨는 것보다 어디에 몇 번 뜨는지 통제할 수 있는 구성이 오래 갑니다.
