안녕하세요! 뚱이 블로그입니다. 오늘 포스팅은 예전부터 카테고리를 클릭했을때 글목록 사이 사이에 광고를 넣고는 싶어지만 수없는 실패, 그리고 포기하고 있다가 어제 드디어 성공을 해서 공유하려고합니다.
블로그로 돈벌기 위해서는 인터넷이 되는 컴퓨터만 있다면 충분히 가능합니다.
저는 티스토리로 돈벌기 위해서 즉 애드센스로 수익을 내기 위해서 지난 3년 넘게 제가 터득한 노하우들을 공개하려고 합니다.
하지만 애드센스 승인을 받았다고해서 당장에 수익이 발생하는 구조는 아니라는 것입니다.
매일 꾸준하게 1포씩 해나가다 보면 시간이 지나게 되면 유입=광고클릭=수익으로 이어지는 구조가 발생하게 되는 것입니다.
제가 포스팅한 글들을 제대로 읽으신다면 월 300만원의 수익은 아니더라도 꾸준하게 부업으로 수익이 발생하게 될 것입니다.
실은 글목록에서 페이지 뷰의 수가 그렇게 많이 나오는것도 아니어서 없어도 된다고 생각하고 잇었지만, 혹시라도 많은 글들이 있어서 볼거리가 많은 블로그라면 유용하게 사용할 것 같아서 실험을 해보았습니다.
블로그 메인 페이지에서 인피드 광고를 넣은 것이 위의 이미지입니다. 위에서처럼 인피드 광고를 삽입하는 법을 알려드릴까합니다. 링크부분에서도 글목록이 확인가능합니다.
위에 사진 이미지처럼 글목록 사이 사이에 3 6 9 이렇신으로 인피드 광고가 뜨게 됩니다.
정확히 어떠한 모습으로 반영이 되는지를 먼저 확인해 보시는것이 적용시킬지 말지를 결정하는데 도움이 되실듯해서 링크합니다.
https://angeleunah79.tistory.com
저는 JB Skiin 113을 사용하는 중이랍니다. 본론으로 들어가서 먼저 구글 애드센스 웹페이즈에서 로그인을 하신후에 인피드 광고 소스를 발급 받아야지만합니다.
인피드 광고는 무엇일까요?
사이트의 글 목록과 자연스럽게 어울리는 광고형태로 글목록 내용과 이질감이 들지 않게, 광고를 할 수 있는 광고 형태를 말합니다.
이미지 사진에서 보시는바와 같이 전체-이미지를 클릭해서 광고크기를 조정해야합니다. 처음에는 기본적으로 1:1의 비율에 100%로 설정이 되어 있어서 그것을 그대로 적용을 시켜버리게 되면 인피트 광고가 거의 모니터 전체를 잡아먹어 버리게 됩니다.
이렇게 되면 반응형이기에 정책위반은 아니라고 하더라도, 실수로 광고를 클릭을 많이하게 되면 이 광고에 대해서 수정을 하라는 메일을 받을 수 있습니다.
그러기에 1.91:1의 비율에 너비를 100%에서 40%로 수정을 하신후 광고 코드를 받으시면 되겠습니다.
코드 소스를 발급 받으셨다면, 아래의 이미지처럼 하시면 되겠습니다.
그리고 먼저 인피드 광고를 넣기에 앞서서 head 부분 바로 밑에다가
<!--인피드 광고 윗부분-->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
var InfeedCount = 0;
</script>
<!--인피드 광고 윗부분 끝-->
이부분을 선언을 해주어야 합니다.
위 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 부분은 공통된 애드센스 광고에는 공통적으로 누구나 같이 설정이 되어 있는 부분입니다.
여기서가 제가 가장 헷갈렸는 부분입니다. skin.html에서 Ctrl+F로 s_index_article_rep를 찾아야하는데, 이것이 한개뿐인 반응형 스킨도 있겠지만, s_index_article_rep라는 곳이 몇군데나 되는 스킨이 존재합니다.
제 스킨이 그러합니다. s_index_article_rep라는 부분이 몇군데 존재를 했었습니다.
그래서 민을 하던 중에 한참 그 아래를 살펴보던 중에 발견한 것이 s_article_rep_thumbnail 이 부분이 하나만 존재를 했기에, 여기 윗부분에 a href="article_rep_link" 윗 부분에다가 인피드 광고를 붙여넣기를 하니 제대로 작동을 하더라구요.
<s_article_rep>
<s_index_article_rep>
<!--인피드 광고 시작-->
<script>
InfeedCount ++;
document.write('<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="xxxxxxxxx" data-ad-client="xxxxxxxxxxx" data-ad-slot="xxxxxxxxx"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
</script>
<!--인피드 광고 끝-->
<a href="/655">
<s_article_rep_thumbnail>
이 부분을 자신의 인피드 코드번호로 고치셔서 넣으시면 되겠습니다. 위에서 if로 InfeedCount % 3 == 0이라고 선언한 부분은 글목록에서 3번째 글후에 광고를 넣겠다는 선언을 한 것입니다.
글목록 인피드 광고.txt이렇게해서 광고를 만드시고 최대 2-3시간안에 짧게는 30분안에 광고가 적용된 모습을 보실수가 있을것입니다.
일반적인 반응형 스킨에서는 s_index_article_rep를 Ctrl+F로 검색하신후 그 바로 아래부분에다가 위에 소스를 열어서 <!--인피드 광고 시삭-->부분부터 <!--인피드 광고 끝-->부분까지를 자신의 인피드 광고 코드로 수정을 하신후에 붙여 넣으심 됩니다.
그리고 <head>바로 밑부분에는 <!--인피드 광고 윗부분-->부터 <!--인피드 광고 윗부분 끝-->까지를 수정없이 그냥 넣어주심 됩니다.