티스토리 서식을 이용하여 본문 중간에 애드센스 광고 삽입하기

티스토리의 장점은 무엇보다도 애드센스 광고를 달 수 있는 것이 아닌가 합니다.

애드센스를 통해 구글 광고를 다는 방법 중 많이 사용하는 방법은 자동광고를 설정하여 애드센스가 최적의 위치를 찾아서 광고를 달 수 있도록 하는 것일 것입니다. 더불어, 자동광고를 사용하도록 설정해 놓았다 하더라도 추가로 필요한 위치에 수동으로 광고를 달 수 있기 때문에 본문의 내용에 따라 얼마든지 추가로 광고를 포함할 수 있습니다. (아시는 바와 같이 티스토리 블로그에 달 수 있는 광고의 위치는 다양하게 있습니다. 사이드바, 포스팅 본문의 상단과 하단, 그리고 본문 중간에도 달 수 있지요.)

 

 

 

 

오늘은 포스팅 본문에 광고를 쉽게 다는 방법에 대해 알아보겠습니다.

참고로 티스토리 블로그에서는 플러그인을 통해 본문상단이나 하단 또는 상하단 모두에 광고를 달 수 있도록 만들어 놨습니다. 만일 본분의 상단, 하단에 광고를 달고자 한다면 이 플러그인을 활용하면 좋습니다.

 

먼저, 애드센스에서 광고를 만듭니다.

본문에 들어가는 광고는 애드센스 광고 중에서 '디스플레이 광고'나 '콘텐츠 내 자동삽입 광고'를 활용하는 것이 좋습니다.

 

애드센스 광고의 종류

 

참고로 디스플레이 광고는 아래와 같이 '사각형', '수평형', '수직형' 중에 선택할 수 있는데, 우리는 본분에 넣을 것이기 때문에 '수평형'이 가장 적합할 것입니다.

 

디스플레이 광고 - 사각형

디스플레이 광고 - 수평형

디스플레이 광고 - 수직형

 

다음으로 '콘텐츠 내 자동 삽입 광고'의 형태는 다음과 같습니다.

디스플레이 광고나 콘텐트 내 자동 삽입 광고는 모두 반응형입니다.

 

콘텐츠 내 자동삽입 광고

 

다시 본론으로 돌아와서...

본문 중간에 삽입할 광고의 형태를 디스플레이 광고로 정했다면 해당 형태의 광고(디스플레이 광고)를 먼저 만들어 놓습니다.

광고를 만드는 방법은 다음 글을 참조하시면 됩니다.

 

2020/10/04 - 애드센스 광고 만들기

 

만들어 놓은 광고 형식 중 해당하는 광고 이름의 오른쪽으로 가면, 코드 가져오기라는 아이콘(< >)이 있습니다.

 

여기를 클릭하면 해당 광고글 게재할 수 있는 관련 html 코드가 표시되는 화면이 나오고 코드 아랫부분에 있는 '코드 복사'를 클릭해서 해당 코드를 복사해 놓습니다.

 

코드 가져오기

 

코드 복사

 

다시 티스토리 블로그로 돌아와서 해당 코드로 광고 서식을 만드는 방법을 알아보겠습니다.

티스토리 블로그의 설정 메뉴에서 '콘텐츠 > 서식관리'로 들어갑니다.

 

설정 > 콘텐츠 > 서식 관리

 

서식 관리로 들어간 후 '새 서식 쓰기'를 클릭하면, 일반적으로 글을 쓰는 것과 같은 에디터 화면이 나오게 됩니다.

다만, 일반 에디터와 다른 점은 카테고리를 설정하는 부분이 '서식'으로 고정되어 있습니다.

에디터 화면에서 먼저 제목을 입력하고, 위쪽 메뉴에서 기본모드를 HTML로 바뀌 줍니다.

그다음, 애드센스에서 복사해 놓은 코드를 본분에 붙여 넣습니다.

 

HTML 화면으로 전환

 

그 다음 '완료'를 클릭하면 새로운 서식이 만들어지게 되고 아래와 같이 목록에 표시가 됩니다.

 

 

이제 만들어진 서식을 이용해서 본문에 광고를 넣는 방법입니다.

이것은 간단한데, 일반적으로 글을 쓰는 방법으로 글을 쓰다가 광고를 삽입하고자 하는 부분에 커서를 놓고 에디터의 위쪽 메뉴 중 (...)으로 되어 있는 부분을 클릭하면 '서식'이라는 서브 메뉴가 나옵니다.

'서식'을 클릭하면 위에서 만들어 놓은 서식 목록이 보이고 해당 목록을 선택하면 본문에 다음과 같이 표시됩니다.

 

서식을 이용한 광고 삽입

 

이렇게 해 놓으면, 해당 위치에 광고가 게재되게 됩니다.

 

티스토리 블로그에서 서식으로 본문 중간에 광고를 삽입하는 방법을 정리하면 다음과 같습니다.

1. 애드센스에서...
2. '디스플레이 광고' 또는 '콘텐츠 내 자동 삽입 광고'를 만들어 놓는다.
3. 삽입하고자 하는 광고 형태의 코드를 복사한다.
4. 티스토리에서...
5. '설정 > 콘텐츠 > 서식관리'로 들어가서, '새 서식 쓰기'를 클릭한다.
6. 에디터 모드를 HTML로 전환한다.
7. 복사한 코드를 붙여 넣는다.
8. 포스팅 본문에 광고를 삽입하기 위해 에디터에서...
9. 본문 중 삽입하고자 하는 위치에서 에디터 메뉴 중 '더보기 > 서식'을 클릭한다.
10. 해당 서식을 선택한다.

이상으로 티스토리 서식을 이용하여 본문 중간에 애드센스 광고를 삽입하는 방법을 알아봤습니다.