본문 바로가기
구글 애드센스 vs 네이버 애드포스트

[티스토리 애드센스] 코드 알못 생초보 블로거의 인피드 광고 적용하기

by 디노업 2021. 4. 27.

초보 블로거에게 인피드 광고란?

 

하루에 1~2달러씩 나오던 광고가 0으로 바닥을 쳤습니다.
애드센스 승인 이후 이것저것 건드려봤는데, 오히려 그게 마이너스로 돌아온 거 같네요. 

많이 속상하긴 하지만 시행착오의 과정이라 생각하려고요.


티스토리 공부를 하다가 이제야 인피드 광고를 알게되었습니다. 어떤 블로그에는 글 목록 사이사이에 광고가 껴있는데요. 그게 인피드 광고를 적용한 모습입니다! 


인피드 광고는 코드도 수정하고, html편집으로 적절한 위치에 넣어줘야 하는 거라, 제게는 상당히 난이도가 있는 작업이었습니다. 친절하게 써놓은 블로그 글도 이해하지 못하고, 인피드 광고 관련된 포스팅을 전부 읽은 후에야 인피드 광고 적용에 성공했습니다.   
(부끄럽지만 2시간 걸렸어요...ㅎㅎ)

 

저 같은 생초보 왕초보를 위한 인피드 적용법을 써보겠습니다.


*북클럽 스킨 기준입니다.

 

 

 

 

인피드 광고 적용하기

 

1. 북클럽 스킨에서 리스트 타입을 적용합니다.

기본 설정은 '북리뷰'로 되어있는데요. 이를 '뉴북' 형태로 바꿔줍니다. 글+사진 구성으로 바꿔주는 작업입니다. 

티스토리 수익형 블로그는 예쁜 사진도 중요하지 않고, 예쁜 디자인도 중요하지 않기에 광고 설정을 용이하게 하기 위해 바꿔주는 작업입니다.

 

 

 

2. 인피드 링크 생성하기

 

구글 애드센스 > 광고 > 개요 > 광고단위 기준 > 인피드 광고 > 본인 블로그 링크 넣은 후 페이지 스캔하기 클릭 > Google 시스템에서 추천하는 스타일 확인 > 완료 > 코드 복사

 

 

자세하게 설명해 놓은 블로그가 많으니 텍스트로 대체하겠습니다. 

여기서 초보 블로거들에게 핵심은 'Google 시스템에서 추천하는 스타일 확인'으로 진행하는 거예요.

광고 크기, 폰트 이런거 건들지 말고 제일 쉬운 걸로 먼저 적용하는 연습을 하는 걸 추천드립니다.

 

 

 

 

3. 코드 수정하기

 

코드 수정을 도와주는 아름다운 블로그들이 많습니다. 저는 왕초보분들을 위한 주의사항만 알려드리겠습니다.

 

*줄바꿈 되어있는 <ins class=~~~~>부분을 일렬로 만들어주어야 하는데요. 일렬로 만들 때 띄어쓰기 한칸을 유지해주어야 합니다. 

 

기존 

<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"

 

수정 후

<ins class="adsbygoogle" style="display:block" data-ad-format="fluid"

 

 

코드 수정은 아래 블로그 글을 참고하시면 됩니다. 이 글이 가장 세세하게 나와있습니다.

어렵다고 포기하지 마세요! 천천히 살펴보면 누구나 할 수 있습니다.

 

[Adsense]티스토리에 인피드 광고 게재하는 방법과 정상반영이 안될 때 조치방법

지난 시간에 구글 애드센스의 광고단위 중 하나인 인피드 광고의 생성방법에 대하여 알아보았었습니다. 사실 광고단위의 광고를 생성하는 것은 그렇게 어렵지 않습니다. 생성한 광고를 어떤 방

rankro.tistory.com

 

 

4. 티스토리 블로그에 코드 넣기

 

티스토리 블로그 > 관리 > 꾸미기 > 스킨편집 > Html 편집

 

여기서 엄청 헤맸습니다. 코드 1은 </head>위에 코드2는 <s_index_article_rep> 영역에 넣어주면 되는데요.

<head>영역은 하나 뿐이고, 상단에 있어서 어렵지 않습니다. 

 

문제는 <s_index_article_rep> 영역입니다.

 

코드2를 <s_articl_rep>과 </s_articl_rep> 사이에 <s_index_article_rep>에 넣어주어야 하는데요.

(참고로 코드를 풀어보면 글(article) 보여주는(rep ; representation)걸 관리하는 부분이며, 슬래시 '/'는 닫아주는 코드입니다!)

 

여기서 중요한 건 html에 코드에 <s_index_article_rep>가 여러개 있습니다. 게다가 태그들 위치가 상당히 떨어져 있어요.

 

제 경우에는
<s_article_rep>은 392열
</s_index_article_rep> 411열
</s_article_rep>은 533열에 있었습니다.


Ctrl+F로 찾아도 이상하게 검색이 안 되는데, 제가 처음부터 어떻게 찾겠어요..ㅎㅎ

눈 빠지게 찾아 헤맨 끝에 제대로 된 위치를 잡을 수 있었습니다. 

 

얼핏 보고 넣으시면 절대 적용이 안되고요! 코드2의 제대로 된 위치를 반드시 찾아주어야 합니다.

 

 

 

 

 

5. 적용하기 > 새로고침하여 확인하기

 

대문작만하게 들어간 광고를 볼 수 있네요. 성공입니다!

 

 

 

 

 

인피드 광고는 메인페이지의 유입이 많아야 수익을 낼 수 있는 위치입니다. 

글이 좋으면 블로그의 메인페이지의 접속도 늘어나겠죠?

블로그도 성장하고, 어렵게 적용한 인피드 광고로도 수익이 늘어났으면 좋겠네요.

 

다음에도 티스토리 왕초보 시선에서 쓴 글로 다시 돌아오겠습니다.

감사합니다.

반응형

댓글