티스토리 뷰

안녕하세요~

이번 포스팅은 작성한 글에 애드센스 수동 광고를 삽입하는 방법이 번거로워 고민하는 분들을 위해서 쉽고 간단하게 수동 광고를 삽입하는 방법을 공유합니다.

사실, 구글 애드센스에서 설명하는 대로 하다 보면 복잡해서 자신이 할 영역이 아니란 생각이 들고, 결국 포기하게 됩니다.

복잡하게 느끼는 이유는 생성된 광고 코드를 스킨 편집 > html 편집에 들어가서 광고 코드를 새로운 글을 작성할 때마다 매번 삽입하는 절차가 번거롭고 복잡한게 사실입니다.

이런 이유로, 애드센스 수동 광고를 쉽고 간단하게 삽입하는 방법을 공유함으로써 티스토리 블로거는 누구나 원하는 위치에 수동 광고를 삽입할 수 있기를 기대합니다. 

목  차

1. 애드센스 신규 광고 단위 만들기

2.  생성된 광고 코드 보관·관리 방법

3. 포스팅 글 단락 사이에 수동 광고 삽입 방법

1. 애드센스 신규 광고 단위 만들기

1) 애드센스 > 광고 > 광고 단위 기준 클릭

 애드센스-광고 단위 기준
출처: 애드센스, 광고 단위 기준

광고 단위 기준을 클릭하면 디스플레이 광고, 인피드 광고, 콘텐츠 내 자동 삽입 광고, 일치하는 콘텐츠, 검색엔진 등 5가지 광고 유형이 있습니다.

제가 사용하고 있는 광고를 중심으로 설명을 하자면, 애드센스 자동광고 + 수동광고( 디스플레이 광고)를 사용하고 있습니다. 페이지에 너무 많은 광고를 삽입하면 구독자는 일단 거부감을 가질 수 있으므로 지나치게 많은 광고를 삽입하지 않도록 주의할 필요가 있습니다. 

애드센스 자동 광고를 설정하는 방법은 애드센스 설명대로 하면 됩니다. 혹시 궁금한 사항에 대해서는 검색을 통해  많은 관련 정보를 찾아 볼 수 있습니다. 


그러면 제가 사용하는  디스플레이 광고를 이용하여 수동 광고를 삽입하는 방법을 보겠습니다.

2) 디스플레이 광고 클릭 > 광고 단위 이름 지정, 수평형, 광고 크기(반응형) > 만들기 클릭

애드센스,-수동 광고 만들기
출처: 애드센스, 수동 광고 만들기

 

3) 코드 생성기 > 완료 클릭 

코드 삽입 설명이 있으나 그대로 따라 하기가 번거롭고 복잡함. html 코드에 익숙하지 않으면 포기하고 맙니다.
☞ 걱정하지 마시고 따라 오시면 '수동 광고 삽입 방법 별거 아니네!'라고 할 것입니다.

 

애드센스,-코드 생성기
출처: 애드센스, 코드 생성기

4) 위의 단계에서 완료를 클릭하면 '코드 가져오기' 정보가 생성됩니다. 

여기까지 목차의 '1. 애드센스 신규 광고 단위 만들기' 완성입니다.
다음 단계는 '2. 생성된 광고 코드 보관·관리 방법'입니다. 

애드센스-수동 광고 코드 생성
출처: 애드센스, 수동 광고 코드 생성

 

2. 생성된 광고 코드 보관·관리 방법

1) 티스토리 서식 관리 > 서식 쓰기 클릭 

 

티스토리-서식관리
출처: 티스토리, 서식관리

 

목적은 위에서 생성된 광고 단위 코드를 사용하기 쉽도록 '서식 관리'에 보관하여 필요할 때마다 사용하기 위함입니다.

2) 기본모드 > HTML 선택 

티스토리, 서식관리 > HTML 모드
출처: 티스토리, 서식관리 > HTML 모드

 

3) 코드 가져오기 클릭 > 코드 복사 > 코드  붙이기( Ctrl+V)

1.- 4)에서 코드 '코드 가져오기' > 코드 복사 > 를 클릭한 후 여기에 '코드 붙이기'를 합니다.

 

애드센스-코드 복사
출처: 애드센스, 코드 복사

티스토리, 서식 관리 > 코드 붙이기
출처: 티스토리, 서식 관리 > 코드 붙이기

 

4) 위의 단계에서 HTML을 기본모드 선택 > 완료를 클릭하면 아래 사진 상태가 됩니다. 

목차의 2. 생성된 광고 코드 보관·관리 방법이 완료되었습니다.

이제는 수동 광고를 삽입하는 방법만 남았습니다.

티스토리, 서식관리 > 기본모드
출처: 티스토리, 서식관리 > 기본모드

 

3. 포스팅 글 단락 사이에 수동 광고 삽입하는 방법

1) 작성한 글의 단락에 수동 광고를 삽입할 위치에 표식을 합니다.

가령, ㅊㅊㅊ(차차차)을 표식으로 사용합니다.

티스토리-수동 광고 위치 표식
출처: 티스토리, 수동 광고 위치 표식

 

2) 글쓰기 페이지 오른쪽 상단 기본모드 > HTML 선택 > Ctrl +F( 찾기)> ㅊㅊㅊ 입력 > Enter 

티스토리-표식 삭제
출처: 티스토리, 표식 삭제 

 

3) ㅊㅊㅊ 를 삭제한 후 그위치에 수동 광고 코드 붙이기(Ctrl+V) 

수동 광고 코드는 필요할 때, 서식에서 불러와 메모장에 저장한후 사용하면 편리합니다. 

티스토리-표식 삭제 후 광고 코드 붙이기
출처: 티스토리, 표식 삭제 후 광고 코드 붙이기

 

4) HTML을 기본모드로 변경하고 완료하면 모든 절차는 끝납니다.   

티스토리-표식 삭제 후 광고 코드 붙이기
출처: 티스토리, 표식 삭제 후 광고 코드 붙이기

 

반응형
댓글
반응형
최근에 올라온 글