그동안 티스토리에서 애드센스를 하셨던 분들은 워드프레스의 방식이 굉장히 낯설 것입니다. 이번 포스팅에서 워드프레스 애드센스 광고 연결 방법을 알려드리니 집중해주시기 바랍니다. 방식은 다르지만 적응만 되면 티스토리보다 훨씬 편리해지게 될 것입니다.
💻 클라우드웨이즈 가입 방법
💻 워드프레스 쉽게 설치하는 방법
1. 애드센스 광고 코드를 생성한다.
애드센스 홈페이지에 접속합니다. 왼쪽에 있는 [광고] 메뉴를 선택한 후 [사이트 기준]에서 [코드 가져오기]를 선택합니다.
애드센스 코드가 전시됩니다. 이 코드를 워드프레스 HTML head 태그 부분에 붙여 넣어야 합니다. [코드 복사] 버튼을 클릭하면 코드가 클립보드로 복사됩니다.
💡 나만 몰랐던 워드프레스 정보
2. 워드프레스 테마에 애드센스 자동 광고 코드를 삽입한다.
워드프레스 테마의 HTML 태그에 애드센스 코드를 삽입할 차례입니다. 워드프레스 관리자 페이지에서 [도구]를 클릭한 후 [Head & Footer Code]를 클릭 합니다.
Head & Footer Code는 html 플러그인입니다. 아직 설치가 안되어 있으면 먼저 플러그인을 설치해주세요.
HEAD Code 부분의 빈 칸에 복사한 코드를 붙여넣습니다. 그리고 페이지 가장 아래쪽에 있는 [저장하기] 버튼을 클릭해서 저장합니다.
이제 워드프레스에 애드센스 코드가 연결 되었습니다. 이 코드가 삽입되어 있어야 승인 심사가 이루어집니다. 그리고 승인 후에도 이 코드가 연결 되어 있어야 자동 및 수동 광고가 게재됩니다.
3. 애드센스 광고 코드를 생성한다.
워드프레스와 애드센스 연결 작업을 마쳤으니 이제 광고 코드를 생성할 차례입니다. 애드센스 홈페이지에서 [광고] 메뉴를 선택한 후 [광고 단위 기준]에서 [디스플레이 광고]를 클릭 합니다. 다른 광고 단위를 만들어도 괜찮지만 가장 많이 사용하고 효율이 좋은 디스플레이 광고를 예로 들겠습니다.
광고 이름을 설정하고 크기는 [반응형]을 선택한 후 [만들기]를 클릭하면 광고 코드가 생성됩니다. [기존 광고 단위] 오른쪽에 있는 [<>] 모양의 [코드 가져오기] 아이콘을 클릭 합니다.
HTML 코드가 전시되는데 이 코드가 수동 애드센스 광고 코드입니다. 포스팅 본문에서 HTML 기능으로 이 코드를 붙여넣으면 해당 위치에 광고가 삽입됩니다. 하단에 있는 [코드 복사]를 클릭하면 클립보드에 코드가 복사됩니다.
4. 본문에 직접 HTML 코드로 애드센스 광고를 삽입한다.
글쓰기 본문 편집기에서 [블록 추가] 버튼을 클릭하고 [사용자 정의 HTML]을 클릭 합니다.
해당 위치에 HTML 코드 삽입창이 전시됩니다. 이곳에 복사한 애드센스 광고 코드를 붙여 넣으면 해당 위치에 수동 디스플레이 광고가 전시됩니다.
5. 재활용 블록 기능으로 애드센스 광고 코드를 삽입한다.
HTML로 광고를 입력하는 방법은 작업 요소가 많고 시간이 오래 걸립니다. 재활용 가능한 블록을 생성해두면 수동 광고 삽입 시간을 단축시킬 수 있습니다. HTML 편집 창에서 상단에 있는 [더보기] 버튼을 클릭한 후 [재활용 가능한 블록 생성]을 클릭합니다.
임의의 이름을 설정해 줍니다. 가급적이면 간단하고 알아보기 쉬운 이름으로 설정해주세요.
포스팅 본문에서 광고를 삽입하고 싶은 위치에서 [ / ] 키를 입력하고 등록한 재활용 블록의 이름을 입력합니다. 등록된 HTML 재활용 블록을 선택하면 광고 코드가 바로 삽입됩니다.
재활용 블록을 삽입 했으면 일반 블록으로 변환해야 합니다. 그냥 두면 포스팅을 발행 해도 본문에 적용되지 않고 빈 칸으로 전시됩니다. 반드시 [일반 블록으로 변환] 버튼을 클릭하면 수동 광고 삽입 절차가 끝납니다.
지금까지 워드프레스 본문에 애드센스 광고 연결 하는 방법을 알아보았습니다. 티스토리와 다른 방식이어서 처음에는 어색할 수 있습니다. 그러나 이 방법도 몇 번 해보면 익숙해질 것입니다. 적응되면 오히려 티스토리에서 광고 넣는 방법 보다 훨씬 편해지게 됩니다.