티스토리 애드센스 광고 설정 #5 - 인피드 광고 적용하기

티스토리 애드센스 광고설정 시리즈의 5번째 포스팅입니다.

 

지난 포스팅을 보셨다는 전제하에 글을 작성하고 있기 때문에, 지난 포스팅을 못보신 분들은 이해가 잘 안되실 수 있습니다. 가급적 과거 포스팅을 먼저 보시고 본 포스팅의 내용을 읽으시는 걸 추천드립니다.

 

▶티스토리 애드센스 광고 설정 #1 - 스킨과 커버 아이템 설정

 

▶티스토리 애드센스 광고 설정 #2 - 애드센스 자동 광고와 광고 단위 만들기

 

▶티스토리 애드센스 광고 설정 #3 - 티스토리에 애드센스 자동 광고 적용하기

 

▶티스토리 애드센스 광고 설정 #4 - 게시물 상단에 광고 2개 적용하기 (모바일에서는 광고 1개만 노출)

 

---

인피드 광고 설정하기

이번에 설명드릴 부분은 인피드 광고입니다. 제게 들어오는 질문 중 인피드 광고를 어떻게 설정했는지에 대한 질문도 무척이나 많았는데요. 드디어 공개적으로 답을 드릴 수 있게 되었네요.

 

인피드 광고에 대한 관심이 많은 것은 게시글 목록 사이에서 광고인지 모르게 자연스럽게 자리잡은 모습이 매력적으로 느껴져서 아닐까 생각해봅니다. 제 블로그에서는 아래와 같은 모습으로 자리잡고 있지요.

 

 

각설하고, 적용하는 방법을 알아보겠습니다.

---

최신글 인기글 목록에 인피드 광고 적용하기

먼저 최신글 목록과 인기글 목록에 인피드 광고를 적용하는 방법부터 설명드리겠습니다. 제 경우 하나의 인피드 광고 코드로 최신글과 인기글 두 곳에 광고를 노출하고 있습니다. 애초에 최신글 목록과 인기글 목록이 하나의 HTML 코드로 동작하기 때문에 광고를 분리해서 관리할 수도 없습니다. 

 

최신글과 인기글 목록에 인피드 광고를 적용하는 순서는 다음과 같습니다. 

 

1) 광고> 광고 단위 메뉴에 진입

 

2) 인피드 광고의 코드 가져오기 클릭

 

3) 코드 스니펫 복사 클릭

 

4) 티스토리 블로그 관리자 모드로 가서 스킨 편집 > HTML 편집으로 진입

 

 

5) 3)에서 복사한 코드 HTML에 삽입하기

- 이때 해당 코드를 넣는 위치가 중요합니다.

- HTML 소스 내용 중 <div class="cover-list"> 이 부분을 먼저 찾고

- 그 아래 <ul> 과 <s_cover_item> 사이에 

- 3)에서 복사한 소스를 붙여넣기 하면 됩니다.

 

여기서 중요한 것 하나!

제가 첫번째 포스팅에서 설명드린 대로 티스토리 스킨을 적용하고, 커버 아이템을 설정해 놓아야만 위 소스가 보일겁니다. 스킨과 커버 아이템 설정을 아직 안했다면 아래 게시물을 참고해서 스킨과 커버 아이템 설정을 먼저 해주세요.

 

▶티스토리 애드센스 광고 설정 #1 - 스킨과 커버 아이템 설정

 

---

카테고리 목록에 인피드 광고 적용하기

이번에는 카테고리 목록(메뉴>카테고리 목록)에 노출되는 인피드 광고를 적용하는 방법입니다. 

적용하면 아래와 같은 모습으로 광고가 노출되지요.

 

적용하는 순서는 아래와 같습니다.

 

1)~4) 까지는 최신글 인기글 인피드 광고와 동일

 

5) 3)에서 복사한 코드 HTML에 삽입하기

- 이때 해당 코드를 넣는 위치가 중요합니다.

- HTML 소스 내용 중 <div class="list-type"> 이 부분을 먼저 찾고

- 그 아래 </div> 와 </div> 사이에 

- 3)에서 복사한 소스를 붙여넣기 하면 됩니다.

 

 

최신글 인기글 인피드 광고를 적용해봤다면 이건 간단하게 적용하실 수 있을겁니다.

---

메인 홈 하단에 인피드 광고 적용하기

마지막은 메인 홈 하단에 있는 커다란 대형광고를 적용하는 방법입니다.

얼핏보면 이미지 광고 같지만, 이것도 썸네일 리트에 포함된 인피드 광고입니다. 

 

아래 순서대로 적용하시면 됩니다.

 

1)~4) 까지는 최신글 인기글 인피드 광고와 동일

 

5) 3)에서 복사한 코드 HTML에 삽입하기

- 이때 해당 코드를 넣는 위치가 중요합니다.

- HTML 소스 내용 중 <div class="cover-thumbnail-list"> 이 부분을 먼저 찾고

- 그 아래 <div class="inner"> 와 <h2></h2> 사이에 

- 3)에서 복사한 소스를 붙여넣기 하면 됩니다.

 

 

이것도 최신글 인기글 목록과 마찬가지로 커버 아이템이 설정되어 있어야만 위 소스가 보일겁니다.

스킨과 커버 아이템 설정을 아직 안했다면 스킨과 커버 아이템 설정을 먼저 해주세요.

 

▶티스토리 애드센스 광고 설정 #1 - 스킨과 커버 아이템 설정

 

 

여기까지 인피드 광고 적용하는 방법이었고요. 

다음 포스팅에서는 본문 삽입 광고를 적용하는 방법을 설명드리겠습니다.