Moobee의 '자질구레 이야기'
티스토리 블로그 구글애드센스 인피드 광고 삽입하는 방법 본문
티스토리 블로그 구글애드센스 인피드 광고 삽입하는 방법
안녕하세요? Moobee 입니다. 오늘은 구글애드센스 인피드 광고 삽입하는 방법에 대해 알아보도록 하겠습니다.
한달 전에 구글에서 메일이 와서 “무효 활동이 감지되어 애드센스 개정 30일 정지 처분”이 내졌습니다. 제가 자신의 애드센스 광고를 클릭했다고 하는데 실수로 한두번 눌린 것은 있는데 근본적인 원인을 모르겠더군요. (구글은 알려주지 않습니다.) 아마 회사 친구들이 제가 이제 블로그를 하는 것을 알아서 도와주는 마음에 광고를 클릭해 준 것 같은데 하나의 IP에서 여러명의 클릭이 나와서 이러한 사태가 벌어진 것 같습니다.
이제 한 달이 경과되어 다시 구글애드센스 광고를 달다보니 인피드 부분에 대해 소개하면 도움이 될 것 같아 포스팅을 합니다.
구글에서는 인피드 광고를 아래와 같이 설명하고 있습니다.
인피드 광고는 사이트에서 수익을 창출하고 방문자에게 최고의 사용자 환경을 제공하기 위해 피드에 게재하는 새로운 형식의 광고입니다. 피드에는 편집 피드(예: 기사나 뉴스 목록)와 목록 피드(예: 상품, 서비스 등의 목록) 등이 있습니다. 인피드 광고는 콘텐츠의 디자인에 어울리도록 맞춤설정할 수 있는 네이티브 광고입니다.
일반적으로 인피드 광고는 피드 콘텐츠 사이나 피드가 시작되는 부분 또는 끝나는 부분에 삽입됩니다. 방문자가 콘텐츠에서 아래로 스크롤하면 인피드 광고가 표시됩니다. 인피드 광고는 피드와 자연스럽게 어울리므로 사용자 경험을 방해하거나 사용자의 흐름을 끊지 않습니다.
저도 피드에 광고 들어가 있는 것을 보고 신기해 했었는데 한번 넣어 보고 싶어서 이번 기회에 인피드 광고를 삽입했습니다.
인피드 광고에는 아래와 같은 장점이 있습니다.
사용자 환경 개선: 인피드 광고는 방문자에게 더 나은 사용자 환경을 제공합니다. 인피드 광고가 사용자 흐름의 일부이며 사이트의 디자인과 자연스럽게 어울립니다.
새로운 광고 공간에서 수익 창출: 인피드 광고는 피드라는 새로운 공간에 게재되는 광고이므로 수익 창출의 기회를 넓혀줍니다.
모바일에 최적화된 형식: 인피드 광고는 휴대기기에 최적화된 광고이므로 휴대기기의 작은 화면에서 수익을 창출하려는 게시자에게 적합합니다.
먼저 광고 단위에 들어가서 인피드 광고를 클릭 합니다.
URL을 작성하고 페이지 스캔하기를 클릭 합니다.
피드를 검색합니다.
아래와 같은 화면이 뜨면 “다음”을 클릭 합니다.
광고 단위 이름을 작성하고 저장 및 코드 생성을 클릭 합니다.
아래와 같이 코드가 생성이 됩니다.
네이티브 인피드 광고도 다른 광고와 마찬가지로 코드를 블로그 설정의 HTML코드 창에 붙여넣기 하여 삽입하게 되는데 붙여 넣는 위치는 <s_index_article_rep> ... </s_index_article_rep> 사이입니다.
원래 코드는 아래와 같습니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-dx+s+3t-pw+w7"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins></ins>영역만 따로 잘라내서 엔터로 줄바꿈 되어 있던 곳을 일렬로 배치합니다.
엔터로 줄바꿈 하지 말고 스페이스로 띄어쓰기하며 일렬로 정리하셔야합니다.
아래처럼 수정합니다.
<script>
InfeedCount ++;
if ( InfeedCount % 3 == 0 ) {
document.write('<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-dy+i+67-ox+lf" data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
</script>
ca-pub-"xxxxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" 이 부분은 생성했던 인피드 광고내의 본인의 애드센스 코드로 대체하시면 됩니다. 이렇게 수정한 코드를 <s_index_article_rep>아래에 삽입합니다.
마지막으로
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
var InfeedCount = 0;
</script>
이 코드를 </head> 위에 삽입합니다.
이 코드를 </head> 위에 삽입합니다.
이런 식으로 목록 3개가 끝나면 광고가 하나 나오는 식으로 노출이 되고 있을 겁니다. 노출빈도를 목록 4개나 5개 후에 광고가 나오게끔 하려면, if ( InfeedCount % 3 == 0 ) ←3이라고 되어 있는 숫자를 바꾸면 됩니다.
지금까지 티스토리 블로그 구글애드센스 인피드 광고 삽입하는 방법을 알아보았습니다.
글이 도움이 되셨다면 공감 하트
를 꾹~눌려주세요 (로그인 불필요!)
구글애드센스 PIN 번호 우편물이 도착하여 주소인증에 PIN 입력을 했습니다~~
티스토리에 포스팅한 글이 네이버, 다음, 구글에 정상적으로 노출이 되는지 확인하는 방법
티스토리 블로그 구글애드센스 인피드 광고 삽입하는 방법
티스토리 블로그에 다음지도, 구글지도, 네이버 지도 넣는 방법
포스팅 내용과 애드센스 광고를 매칭시키는 방법 “섹션 타겟팅 (section targeting)”
티스토리 복사방지, 불펌방지, 우클릭 금지 스크립트 삽입
네이버 웹마스터 도구에 티스토리 메타태그, RSS, 사이트맵, robots.txt 등록
