티스토리 애드센스 수동 광고 차근차근 따라하기

애드센스 승인 후 블로그에 자동광고를 설정하고 어느 날 광고가 달린 상태의 제 블로그 글을 보고 충격을 받았습니다.

광고개수가 생각보다 너무 많아서 애초에 의도한 가독성이 나오지 않더라고요.

처음 자동광고를 설정할때는 많이 신경 쓰지 못했고 당시 확인 했던 글에서는 광고가 많지 않았기 때문인데요.

 

애드센스 설정에서 자동광고 수를 최소로 해보았지만 그래도 제 기준엔 조금 많았습니다.

복잡한걸 그다지 좋아하지 않는 저로서도 어쩔 수 없이 편리함을 버리고 수동 광고 설정의 길로 접어들게 됩니다.

 

블로그 글에 게시되는 광고는 여러가지 형태가 있습니다. 내 블로그에 어떤 형태로 어디에 광고를 게시할지 생각해 봅니다.

다른 블로거들의 글을 몇 개 보다 보면 대충 일반적인 배치와 형태가 나옵니다.

 

저는 상단에 1개 - 본문엔 중간중간 2개쯤 - 하단에 하나로 구성하려고 합니다.

 

몰라서 그렇지 어려운 건 없습니다.  차근차근 따라 하면 수동으로 광고 넣기를 위한 세팅이 완료되고 다음 글쓰기부터는 쉽게 내가 원하는 광고를 배치할 수 있습니다.

 

 

 

차례

 

1.  단위 광고 코드 만들기

2.  광고 관련 설정 변경

3.  광고 코드 본문에 넣기

4.  코드를 서식으로 만들기

5. 서식을 본문에 넣기

 

 

---

 

1.  단위 광고 코드 만들기

 

 

제일 먼저 할 일은 광고 코드(HTML)를 만드는 겁니다. 구글 애드센스에서 만듭니다.

 

애드센스에 로그인한 후 [광고] → [단위 광고 기준]을 클릭하면 [신규 광고 단위 만들기]가 있습니다. 

 

아래에서 보다시피 광고 종류는 4가지인데 클릭하면 각각이 어떤 형태의 광고인지 예시를 보여줍니다.

 

 

 

 

간단히 구분하자면

 

디스플레이광고 - 흔히 볼 수 있는 일반적인 이미지를 기반으로 한 광고

인피드광고 - 사이트 글 목록 중간에 넣는 광고

인아티클 광고 - 블로그 글 본문 중간에 글과 어울리는 광고, 디스플레이광고와 다소 비슷

멀티플렉스 광고 - 여러 광고 목록이 바둑판식으로 배열된 광고

 

 

디스플레이 광고를 클릭합니다.

[광고 단위 이름 지정]에 내가 구분할 수 있는 이름으로 지정합니다. 저는 그냥 "디스플레이(수평)"으로 했고요. 미리 보기를 통해 사각형, 수평형, 수직형 중 선택합니다.

광고 크기는 반응형으로 선택해서 모바일이나 PC화면 모두에 적절하게 보이도록 합니다. 그리고 만들기 클릭

 

 

 

 

그러면 아래와 같이 HTML코드가 만들어집니다. 보기 불편한 내용입니다만 신경 쓸 거 없이 아래 [코드 복사]를 눌러 줍니다.

 

그리고 이것을 메모장 등에다가 붙여 넣기 해둡니다.

 

 

 

 

같은 과정으로 원하는 형태의 단위 광고를 계속해서 만들어 줍니다.

저는 본문 중간에 넣을 인아티클과 글 하단에 넣을 멀티플렉스를 더 만들었습니다.

나머지 광고 코드도 메모장에 붙여 넣기 해주고요

 

 

 

 

 

 

 

최종으로 3개의 단위 광고를 만들었습니다. 물론 더 추가하거나 줄여도 상관없고 광고 이름을 좀 더 세분화해도 됩니다. 이름을 세분화하면 각 광고에 대한 애드센스의 리포트를 참고하여 어떤 광고가 수익률이 높고 낮은지 파악하기 쉽습니다.

 

 

 

 

모든 광고 코드를 메모장에 기록해 놓습니다. 나중에 티스토리에서 광고를 실제 게시할 때 필요합니다.

 

 

---

---

 

 

 

2.  광고 관련 설정 변경

 

 

이제 내 글에 광고를 설정하는 방식을 변경해야 합니다.

먼저 애드센스에서는 기존에 자동광고로 설정되어 있던 것을 해제해야 합니다.

 

[광고] → [사이트 기준] → 내 블로그 주소 오른쪽 끝 연필모양 (수정) 클릭

 

 

 

 

오른쪽 [자동광고] 설정을 해제하고 (사이트에 적용)을 눌러줍니다.

 

 

 

 

이제 애드센스에서 할 일은 끝입니다.

 

다음으로 티스토리 블로그관리로 가서 [수익] → [애드센스 관리] 탭에서 기존에 설정했던 위치의 광고를 모두 해제시킵니다. 

 

 

 

 

필요한 설정 변경은 이걸로 끝입니다. 즉 자동광고 설정을 모두 해제한 것입니다.

 

 

 

3.  광고 코드 본문에 넣기

 

 

이제 블로글 글에 본격적으로 광고를 넣을 순서입니다.

여기서 중요한 점은 수동 광고 넣기는 글쓰기를 모두 완료한 후에 넣어야 한다는 점입니다.

 

글 쓰는 중간에 넣고 작성된 그을 수정 한다던가 하면 광고코드가 깨져 실제 작성한 글을 발행했을 때 보이지 않는 경우가 많습니다.

그러니 작성한 글을 발행하기 바로 직전에 코드를 삽입하는 것이 좋습니다.

  

이제 광고를 게시할 글을 열어봅니다. 수정으로 들어가서

내가 광고를 삽입하고 싶은 위치에 표식을 해놓습니다. 그냥 한 줄에 단순히 "광고"라고 써넣습니다.

 

 

 

 

그런 다음 상단에 있는 (기본모드)를 클릭하여 (HTML)을 선택해 줍니다.

 

그러면 화면이 어두워지고 작성한 글이 HTML코드 형식으로 나타납니다. 당황할 필요 없습니다.

자세히 보면 모든 줄의 오른편에 내가 쓴 문장들이 있습니다.

 

내가 넣은 표식인 "광고"를 찾습니다. 두 번째 줄에 있네요 

 

 

 

 

찾았으면

좀 전에 코드를 붙여 넣었던 메모장을 열어 상단에 붙일 광고 코드를 드래그하여 복사(Ctrl+C)합니다.

그리고 "광고"를 드래그한 후 붙여 넣기(Ctrl+V) 합니다. 광고라는 두 글자 대신에 코드를 넣는 것입니다.

 

 

 

 

본문 중간 아티클 광고도 맨 아래 멀티플렉스 광고도 같은 방법으로 코드를 붙여 넣기 합니다.

 

완료 후 발행하고 광고가 제대로 게시되는지 확인합니다.

 

게시까지 걸리는 시간은 즉시 일수도 있고 시간이 제법 걸릴 수도 있으니 조급해하지 말고 확인해 봅니다.

정상적으로 광고가 게시되었습니다. 

 

 

 

 

이렇게 해도 되지만 좀 더 편하게 하는 방법이 있으니 마저 소개합니다.

---

---

 

 

4.  코드를 서식으로 만들기

 

 

광고 코드를 서식으로 만들면 좀 더 편하게 블로그 글에 광고를 넣을 수 있습니다.

이미 티스토리에서 서식을 만들어 보신 분은 서식 만드는 과정도, 높은 활용도에 대해서도 잘 아실 겁니다. 또한 HTML창으로 변환하는 번거로운 작업을 안 해도 되는 장점이 있습니다. 

하지만 이때도 물론 글 작성이 다 끝나고 넣는 것이 좋습니다.

 

티스토리 관리 화면으로 갑니다.

왼쪽 태그에서 [서식관리]로 들어가서 (서식 쓰기)를 클릭합니다.

 

 

 

 

서식작성 화면이 나오면

제목을 단위 광고 이름으로 해주고 본문에 아무것도 없는 상태에서 [기본모드] → [HTML] 모드로 변경해 줍니다.

 

 

 

아래와 같이 HTML 모드에서 메모장에 복사해 두었던 광고 코드를 붙여 넣기하고 완료를 누릅니다.

광고 코드 자체를 서식으로 등록하는 것입니다.

 

 

 

 

다른 단위 광고도 동일하게 서식으로 만들어 줍니다.

 

 

 

 

 

5. 서식을 본문에 넣기

 

 

마지막으로 서식을 활용한 광고 넣기입니다. 앞으로는 이방식으로만 쓰게 될 정도로 편리합니다.

 

광고를 게시할 완성된 글을 열어봅니다.

광고를 넣을 위치를 클릭하여 커서를 위치시키고 (...)을 클릭하여 서식창을 엽니다.

 

 

 

 

만들어 두었던 서식들이 나오고 블로그 위치에 따른 광고를 선택해 줍니다.

 

 

 

 

그러면 아래와 같이 서식이 삽입되고 나머지 다른 광고를 모두 넣고 발행하면 끝입니다.

 

 

 

 

처음에 서식을 만드는 과정만 거치면 너무도 쉽게 내가 원하는 곳에 광고를 수동으로 넣을 수 있게 됩니다.

단점은 글마다 지정을 해줘야 한다는 점입니다.

 

자동광고의 편리성을 버리고 광고를 직접 배치하여 가독성을 높이고 싶으신 분들이나 전략적으로 수익을 올리고 싶으신 분들에게 참고가 되었으면 합니다. 

 

 

---