[광고 달기]2.구글 블로그(blogspot)에 인피드 광고 달기

아직 티스토리는 광고승인이 나지 않아서 구글 블로그에 먼저 해보았다

구글 블로그의 인피드 광고가 자동광고를 신청하면 모바일에서는 잘나오지만 pc에서는 나오지 않았다

그래서 pc버전에서도 나올수 있게 손 보았다

구글 블로그 인피드 광고 달기

인피드 광고란

자신의 게시글 목록 사이사이에 광고를 넣어 클릭률을 높히는 광고이다

 

구글 블로그에 인피드 광고 넣는 법

일단 광고를 만드는 것 까지는 모든 블로그가 동일하다(다른 사이트 참고)

<>를 눌러 코드창을 띄어 놓고

새창을 이용해 구글 블로그 태마의 html편집창에 들어간다

 

편집창에 들어가기전 백업을 꼭 해두자

 

인터넷 브라우저에서가 아닌 편집창안에서(편집창 안을 클릭) Ctrl+F로 후

id='Blog1'

를 검색한다

블로그 태마 마다 틀릴 수 있지만 이런식으로 있고

</b:widget-settings>

위 코드의 밑으로 스크롤을 조금만 내려보면

<b:loop index='count' values='data:posts' var='post'>

이런 비스무리한 코드가 있을 것이다(스크롤을 한두번 내리면 <b:loop로 시작하는 코드를 먼저 찾고 위 코드와 비교해보면된다)

위 코드 안 index=""에 내용을 count로 바꿔준뒤

<b:loop index='count' values='data:posts' var='post'>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:count==1'>
        <div class='ad-label'>Advertisement</div>
        <div class='post henry'>
  
  
          애드센스 코드 붙혀넣기
  
  
        </div>
      </b:if>
      <style>
        .ad-label {
          text-transform: uppercase;
          padding: 5px 0;
          color: #cccccc;
          font-size: 16px;
          text-align: center;
          margin: 0;
          display: none;
        }
      </style>
    </b:if>

위 코드를 붙혀넣기 하고 애드센스 코드 붙혀넣기 자리에 위에서 띄어놓은 코드를 복사해 붙혀넣는다

<b:if cond='data:count==1'>

위 코드가 몇번째에 표시 할 것이냐 이다

나의 구글 블로그는 처음 보여주는 게시글의 갯수가 10개, 더보기를 누르면 5개뿐이라 2개면 충분하다고 생각하여 어차피 두개는 수정도 쉽기 때문에

<b:if cond='data:count==3'>
        <div class='ad-label'>Advertisement</div>
        <div class='post henry'>
  
  
          애드센스 코드 붙혀넣기
  
  
        </div>
</b:if>

그냥 광고를 한번 더 추가 해 주었다

 

애드센스의 광고의 디자인과 자신의 게시글 목록의 디자인이 안맞는다면 애드센스 수정 버튼을 눌러 바꿔주면 된다

 

 

 

참고 페이지

https://www.mybloggertricks.com/2017/09/adsense-in-feed-ads.html

How To Add AdSense In-Feed Ads To Blogger?