티스토리 블로그에 애드센스 설정 방법 - 1. 글목록 중간에 인피드 광고 넣기

블로그를 운영하다보니 재미있는 일이 생기네요. 얼마전 블로그 이웃[What should I do?]님께서 본인의 블로그 포스팅 글에 저를 언급하시면서 아주 재미있는 글을 적어주셨습니다.

저에게 강제로(?) '티스토리 글 목록 사이에 애드센스 넣는 방법'포스팅을 부탁함과 동시에 제가 멘붕왔던 것도 알고 계시고, 장난스럽게 쓴소리도 한번 해주셨네요. '이 양반'이라고 포스팅하신거보니 연배도 좀 있으시지 않나 싶습니다. ㅎㅎ

어쨌거나 요청을 해주신 이웃님 뿐만아니라 제 블로그에 설치된 광고에 대해서 궁금증이 굉장히 많이 있으신것 같습니다. 

티스토리 블로그 안에 구글 애드센스 광고넣기 3부작 Start

그래서 애드센스 광고넣기 편을 5부작으로 준비를 해볼까하다가 3부작으로 해보도록 하겠습니다. 왜냐하면 본문 중간에 넣는 애드센스를 자동으로 넣는 스크립트에 대해서는 이미 2번에 걸쳐서 포스팅을 했기때문에 패스, 블로그 애드센스 플러그인을 사용하는 방법은 너무 쉬우니까 패스.. 그래서 3부작입니다. ㅎ

티스토리 첫화면(홈화면)에 애드센스(Adsense) 광고 넣기

티스토리 블로그에 애드센스 넣기 3부작 시작합니다.
(남들이 잘 안하고 모르는 것 위주로 ㅎㅎ)

1. 글목록 중간에 애드센스(인피드) 광고 넣기
2. 좌우에 고정된 애드센스 광고 만들기
3. 애드센스 광고 PC와 모바일 설정 다르게하기

사실 저에게 주신내용(글목록 중간에 애드센스 광고 넣기)은 제 블로그에는 적용되어져 있지 않습니다. -_-;;; 그리고 제가 이런거 전문가도 아니고요.. 그런데 강제로 일거리를 주시다니... ㅎㅎㅎ 

그런데 말입니다. 이것도 알아보다보니 2가지가 존재하더이다. 바로 아래와 같이 2가지 화면인데요. 티스토리는 글목록 뿐만 아니라 커버도 사용을 할 수가 있습니다. 

(이거 만들기 위해서 제 테스트 블로그까지 바꿔버렸네요 ㅎㅎㅎㅎㅎ)

1. 최신글 목록을 사용했을 때 인피드 광고를 삽입할 수 있다.

2. 커버를 사용했을 때 특정 커버가 끝나고 그 다음에 광고를 넣을 수 있다.

위의 그림을 보시니까 이해가 좀 되시죠? 일단은 대부분의 검색으로 확인이 가능한 1번부터 보도록 하겠습니다. 

1번은 내 글리스트 중간에 박혀서 마치 광고가 내가 포스팅한 글처럼 보이게 끔 하는 꼼수의 광고를 넣는 방법인데요. 

이를 인피드광고라고 부르고 있습니다. 다른 광고와 달리 목록사이에 끼어들어가기때문에 별도로 생성을 해줘야하는데요

구글 애드센스 광고 종류 중에 인피드 광고 선택

사실 인피드 광고가 내 블로그에 맞춰서 스크립트는 일단 만들어줍니다. 그러면 아래와 같은 페이지로 넘어가서 내가 광고를 넣고자하는 목록페이지가 어디인지 물어보고 지가 알아서 최적화된 광고스크립트를 생성을 해줍니다. 

광고 만드는 법까지 별도로 설명하지는 않겠습니다. 애드센스가 있으신분이라면 이것저것 다 눌러보셨을 거라보고.. ㅎ

인피드 광고를 만들기 전에 구글 애드센스가 광고가 들어갈 페이지를 스캔한다.

중요한 것은 이 스크립트를 어디에 넣느냐이겠죠? 그렇게 생성된 광고 스크립트는 티스토리 html편집창에 들어가서 집어넣어줘야하는데요 지금부터 집중!!!!

첫번째, 글목록 사이에 인피드 광고 넣기

스크립트를 찾으셨다면 <s_index_article_rep> 코드를 찾습니다. 그런데 어떤 분은 해당 코드가 2개가 나오는분도 있고 그러실꺼에요 이럴때 당황하지 마시고, 제가 알려드리는 위치에 넣으시기 바랍니다.

<s_article_rep> 코드 다음에 있는 <s_index_article_rep> 코드를 찾으시면 되고요 찾는 방법은 Ctrl+F(콘트롤+F) 누르시면 되는건 아시죠? ㅎㅎ

그렇게 해서 찾은 코드가 끝나는 지점 바로 앞에 붙이시면 됩니다. </s_index_article_rep>코드가 끝나는지점인데 앞에 슬러시가 붙어있는 코드인데요. 이 코드 바로 앞에 엔터치시고 광고스크립트를 집어넣으시면 됩니다. 

구글 애드센스 인피드 광고 넣는 위치

그런데 말입니다. 제가 처음에 보여드린 것처럼 '글 + 광고 + 글 + 광고 + 글 .... 무한대' 이런 모습을 원하지는 않으시죠? 

적어도 3~4개정도 포스팅 글이 나온 후에 광고가 보이는 것이 아름다운 모습이겠지요. 위와는 조금 다른 방식이니 잘 따라 오시기 바랍니다. 

앞에까지는 동일한테 스크립트를 넣었던 위치에 다른 방식으로 적용을 합니다. 제가 코드를 복사할 수 있게 화면에 코드블럭을 넣어두었으니 아래의 순서대로 따라해보시기 바랍니다. 

1. 아래의 코드 중 <script>~</script>를 복사한다 (Ctrl+C)
2. 내 티스토리 블로그 html편집으로 들어간다
3. <s_article_rep> 밑에 있는 <s_index_article_rep>를 찾는다 (위와 동일)
4. </s_index_artlble_rep> 앞에 복사한 코드를 붙여 넣는다(Ctrl+V)
5. 찌쏘가 설명으로 넣은 // 를 지운다 ㅎㅎㅎㅎ (이거 넣으면 에러날수 있음)
6. 본인의 인피드 애드센스 코드 중 <ins class 어쩌구~> </ins>를 동일한 위치에 붙여넣는다.

자! 여기까지 다 하셨죠? 이제 거의 다왔습니다. 

<s_article_rep>
  <s_index_article_rep>

  <script>
  Count_Infeed_ad ++;                 //인피드숫자를 계속 더해라
    if ( Count_Infeed_ad % 3 == 0 ) {           //3으로 나눴을 때 0 이되면 아래 광고를 붙여라
        document.write('<ins class="adsbygoogle" 
                             style="display:block" 
                             data-ad-format="fluid" 
                             data-ad-layout-key="본인꺼 코드" 
                             data-ad-client="ca-pub-본인꺼 코드" 
                             data-ad-slot="본인꺼 코드">
                         </ins>');
    (adsbygoogle = window.adsbygoogle || []).push({});
    }
  </script>

  </s_index_article_rep>
</s_article_rep>

아래의 코드는 Count_Infeed_ad라는 녀석이 0부터 시작하게 만들어주는 코드인데요 

</head>위에 있는 코드를 복사해서 본인의 티스토리에 붙여넣으면 끝!!!!! 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>
	var Count_Infeed_ad = 0;     //인피드광고숫자를 초기에 0으로 셋팅해라
</script>


</head>

이렇게 해놓으시면 본인의 글목록의 3번째마다 인피드 광고가 하나씩 나오게 될 것입니다. (휴~ 힘드네요 가장 어려운 포스팅이네요 ㅎㅎㅎ What should I do?님께 밥사라고 해야겠네요)

두번째. 커버목록과 커버목록 사이에 광고 넣기

이제 1번이 끝났습니다. 글목록 중간에 인피드 광고를 넣는 부분이죠. 이제는 2번째 커버 다음에 중간에 낑겨서 나오는 광고를 넣는 법에 대해서 알아보겠습니다. 

사실 목록중간에 나오는 것보다는 효과는 덜 할 수 있겠으나, 커버페이지에 광고가 없는 허전함을 덜어줄 수는 있겠죠

이건 너무나도 간단하기때문에 위치만 간략히 설명을 드리도록 하겠습니다. 내가 메인페이지에 커버로 사용하고 있는 형태가 끝나는 지점에 아무 광고코드만 붙여넣으면 끝납니다.

커버 목록이 끝나는 지점에 광고를 넣으면 된다.

제가 포스팅 처음에 보여드린 이미지는 커버의 종류중에 썸네일 리스트 커버입니다. 내가 사용하고 있는 메인페이지의 커버종류(초록색)가 무엇인지 알고 있다면 해당 명칭을 찾아서 끝나는 지점(빨간색)에 광고만 넣어주면 끝입니다. 

두번째 방법의 장점은 내가 넣고싶은 반응형 광고 아무거나 넣어도 상관이 없습니다. 일치하는 컨텐츠이건 디스플레이 광고이건 콘텐츠내 자동삽입 광고이건 아무런 상관이 없죠

아마도 이렇게 하면 메인페이지에 광고넣는데 큰 무리는 없으실듯하네요

도움이 되셨다면 로그인이 필요없는 공감버튼 클릭과 로그인이 필요한 댓글로 응원해주시기 바랍니다. ㅎㅎ (특히 What Shoud I Do? 님!!! )

티스토리 본문에 자동으로 애드센스 광고 넣는 방법1. 이미지 뒤에 붙이기

티스토리 본문에 자동으로 애드센스 광고 넣는 방법1. 이미지 뒤에 붙이기

티스토리 본문에 자동으로 애드센스 광고 넣는 방법 2. 원하는 위치에 붙이기

티스토리 본문에 자동으로 애드센스 광고 넣는 방법 2. 원하는 위치에 붙이기

 

#구글 애드센스 티스토리 메인에 넣기 #블로그에 애드센스 광고 넣기 #글목록 중간에 인피드 광고 넣기