티스토리 본문 수동 광고서식으로 작성하는 방법

티스토리 광고 운영 방식 중 자동광고가  아닌 수동으로 내가 원하는 부분에 광고를

배치하고자 할 때  일일이 html모드에서 작성하는 것이 귀찮으신 분들을 위해 서식으로

작성해 놓고 사용할 수 있는 방법에 대해 알려드릴까 합니다.

차근차근 따라 하신다면 정말 간단하게 본문에 수동으로 광고를 넣을 수 있습니다.

 

 

에드센스 광고작성

 

 

수동광고 서식으로 작성하는 방법

수동으로 광고를 배치하기 위해 여러 가지 방법이 있지만 저는 서식으로 작성해 놓고

본문 중간에 배치하는 것을 선호합니다.

html모드는 너무 귀찮아요... 

다만 최초 서식으로 작성하기 위해서는 html모드에서 작성하고 저장해줘야 합니다.

단계별로 알려드릴게요.

 

애드센스에서 디스플레이 반응형 수동광고 만들기

 

대표적으로 많이 사용하는 디스플레이 반응형 광고를 서식으로 작성하는 방법입니다.

천천히 따라오세요.

 

1. 먼저 애드센스 광고탭에서 광고 단위 기준을 선택해 주세요

 

 

애드센스-광고- 광고 단위기준에서 디스플레이 광고 선택

---

 

2. 디스플레이 광고(반응형) 선택하고 만들기를 누릅니다

 

 

사각형 선택하고 광고이름 편하게 정하세요

 

 

광고이름을 편하게 아무거나 적어주시고 반응형-사각형 선택해 주시고 만들기를 누릅니다.

---

 

3. 만들어진 광고 코드를 복사해서 메모장에 붙여줍니다.

 

 

완료된 코드를 복사헤서 메모장에 붙여주세요

 

 

코드아래 복사하기를 눌러 메모장에 그대로 붙여 넣습니다.

여기까지는 애드센스에서 디스플레이 광고 코드를 만드는 방법입니다.

 

---

 

티스토리에서 서식으로 코드작성하는 방법

 

1. 이제 티스토리에서  서식관리로 들어가 글작성을 누르고 html모드로 변경합니다.

 

 

서식관리-글작성-html모드로 들어갑니다.

 

---

 

 

2. 입력창에 메모장에 붙여둔 코드를 붙여 넣기 해주세요.

 

1번옆에 복사한 코드를 붙여넣기합니다.

 

복사한 코드를 붙여 넣고 완료를 눌러주면 드디어 디스플레이 광고 코드 서식이 완료되었습니다.

기본모드로 돌아가서 확인하면 아래와 같은 모습입니다.

본문작성 하시고 원하는 자리에 서식에서 불러오면 이런 모습으로 보입니다.

 

광고코드 서식이 완료된 모습

 

---

 

수동 광고서식 본문에 배치하기

이제 서식으로 만들어놓은 디스플레이 광고 코드를 본문작성 시 배치해 봅시다.

지금 본문 작성 아래 한번 광고 코드를 적용해 볼게요.

 

...탭-서식에서 클릭하면 원하는자리에 광고가 배치

 

 

 

먼저 사진처럼...(점 세 개) 탭에서 서식으로 들어가면 만들어놓은 광고서식이 있습니다.

원하는 자리에서 클릭해 주시면 바로 광고코드가 붙습니다.

 

 

 

 

 

 

위에 광고가 보이시면 제가 넣은 수동 광고가 적용된 상태입니다.

이렇게 원하는 자리에 광고를 수동으로 배치하는데 서식으로 만들어 놓으면 기본모드에서

바로 서식으로 불러오기만 해도 되어 간편합니다.

 

주의할 점은 티스토리에서는 글 수정을 하게 되면 코드가 깨져서 광고가 나오지 않을 수 있습니다.

이 문제에 대해서는 자세히 다룰 예정이고 일단 본문작성 시 광고 넣는 자리를 표시해 두고

모든 오타 수정과 글 수정을 마친 후 글 작성 완료 직전에 광고 코드를 붙여 넣는 방법과

<div></div>로 코드 앞뒤를 감싸는 방법 등에 대해 자세히 설명해 드리는 글을 작성할 예정입니다.

 

 

마치며

저처럼 초보 블로거 분들이  광고 배치나 광고 코드를 서식으로 만들어 적용하는 방법을

이용해 조금이라도 수익에 도움이 되었으면 하는 바람으로 작성해 보았습니다.

어렵지 않게 설명해 드렸다고 생각하는데요, 알고 보면 너무 쉬운 수동광고 서식작성방법

잘 따라 하시고 수익 대박 나시기 바랍니다.