블로그로 돈벌기 위해서는 인터넷이 되는 컴퓨터만 있다면 충분히 가능합니다.
저는 티스토리로 돈벌기 위해서 즉 애드센스로 수익을 내기 위해서 지난 3년 넘게 제가 터득한 노하우들을 공개하려고 합니다.
하지만 애드센스 승인을 받았다고해서 당장에 수익이 발생하는 구조는 아니라는 것입니다.
매일 꾸준하게 1포씩 해나가다 보면 시간이 지나게 되면 유입=광고클릭=수익으로 이어지는 구조가 발생하게 되는 것입니다.
제가 포스팅한 글들을 제대로 읽으신다면 월 300만원의 수익은 아니더라도 꾸준하게 부업으로 수익이 발생하게 될 것입니다.
일단 전제는 fastboot 1.6.2라는 반응형 스킨을 설치했다는데에서 부터 설명을 드릴까합니다.
여기서 중요한것 대부분이 티스토리 화면에서 꾸미기-스킨편집-html 편집으로 간다는 전제가 붙습니다.
ⓐ먼저 본문에 우측상단에 336x280 모바일로는 중앙 280x250으로 보이는 상단광고를 넣었습니다.
300을 넣어서 적용시켜보니 약간 정책위반에 걸릴듯해서 모바일상에서는 약간 가로 사이즈를 축소하였습니다.
html 편집으로 들어가서 Ctrl_F로 찾아야 할 문자는 'article_rep_desc'입니다. 찾으셨나요?
찾으셨다면 article_rep_desc바로 위에다가 상단광고를 넣습니다.
아 그전에, 미리 반응형 광고를 이름별로 만들어두시는것이 중요합니다. date-ad-client와 date-ad-solt의 값이 같으면 자칫하면 광고코드가 중복이 될 우려성을 배재하자는 것입니다.
<div style="float:right; margin:5px 0px 0px 10px;">
<!--PC용-->
<script>
if(window.getWindowCleintWidth()>=768){
document.write('<script async src="//pagead2.googlesyndication.com
/pagead/js/adsbygoogle.js"><\/script>
<ins class="adsbygoogle" data-language="ko" style="display:inline-block;width:336px;height:280px" data-ad-client="ⓐ" data-ad-slot="ⓑ"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
;</script>
</div>
<div style="text-align:center;width:100%; margin:10px 0px 10px 0px;">
<!-- 모바일 상단 280 x 250-->
<script>
if(window.getWindowCleintWidth()<768){
document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" data-language="ko" style="display:inline-block;width:280px;height:250px" data-ad-client="ⓐ" data-ad-slot="ⓑ"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
이것이 상단의 데스크탑에서는 상단 우측광고배열이고 모바일에서는 상단 중앙 배열 광고소스입니다.
ⓑ이번에는 사이드바에 광고를 넣었습니다. 가로262px 세로 600의 크기로 반응형 광고를 넣엇습니다.
if(window.getWindowCleintWidth()>=768){
document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:262px;height:600px"data-ad-client="ca-pub-xxxxxxxxxx"data-ad-slot="xxxxzzzxxx"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
</script></div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 사이드바 반응형 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ⓐ"
data-ad-slot="ⓑ"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
먼저는 사이드가 들어가는 이름으로 반응형 광고를 만드시고, 두번째로는 플러그인으로 가셔서 배너출력이라는 것을 사용하기로 설정을합니다.
그리고 다시 사이드바로 가셔서 HTML출력이라는 것을 +후 이름은 내 맘대로 그리고 위의 소스를 붙여넣기 하신후에 자신이 광고를 넣고자하는 사이드 위치에 배치를 하면 됩니다.
ⓒ이젠 홈화면 광고넣기 입니다. 위에처럼 반응형광고를 일단 2개 만들어줍니다.
그리고는 티에디션으로 가셔서 아이템에서 목록형-첫줄 3번째 것을 클릭합니다. 그리고는 다시 에디션 디자인을 선택-그후 HTML을 클릭해서 코드를 붙여넣으신 것을 넣으시면 됩니다. 상단에 하나 하단에 하나 전 이렇게 넣었어요.
<div align="center"><style>
.AAA { width:300px; height: 250px; }
@media(min-width: 768px) { .AAA { width: 100%; height: 280px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle AAA"
style="display:inline-block"
data-language="ko"
data-ad-client="ⓐ"
data-ad-slot="ⓑ"
data-language="ko"></ins>
<script>
</script></div>
이러한 식으로 말이죠. 그리고 하단에도 이와 같은 것으로 단 반응형 광고를 따로 만드셔서 하나 넣습니다.
ⓓ본문 하단에 가로화면의 100%,x세로 280의 광고 넣기 입니다.
우선 다시 반응형 광고를 하나 만드시면 됩니다. 구글 애드센스 검색-구글 애드센스 접속(로그인)-광고단위에서 반응형 광고를 하나 이름은 자신이 알아볼수잇는 것으로 하시면 됩니다.
이번에는 플러그인을 이용하는 방법입니다. 플러그인에서 구글 애드센스(반응형)을 찾으세요. 그리고 사용으로 하시고 광고의 하단을 선택 소스를 붙여넣으시면 된답니다.
<style>
.AAA { width:100%; height: 280px; }
@media(min-width: 768px) { .AAA { width: 100%; height: 280px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle AAA"
data-language="ko"
style="display:inline-block"
data-ad-client="ⓐ"
data-ad-slot="ⓑ"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
></script>
ⓐ에는 무조건 ca-pub-로 시작하는 일련번호를 넣으시고, ⓑ에는 그 밑에 10자리 숫자를 넣으시면 됩니다.
본문 하단에 가로화면의 100%,x세로 280의 광고 넣기 입니다.txt
ⓔfastboot 1.6.2 버전 홈화면 티에디션 적용 안되는 것 해결법
fastboot 1.6.2 버전을 설치하던 중에 홈화면에 적용한 티에디션이 적용되지 않는 문제점을 발견하고 이건 적용하는데 시간이 걸려서 그러는가 했더랬어요.
그런데 그게 아니었어요. 이건 엄연히 말하면 fastboot 1.6.2버전의 버그였습니다.
물론 그냥 귀찮으시면 사용하셔도 무방합니다. 그러나 조금 더 수익을 올리고픈 분들은 Ctrl+F로 검색을 합니다. 'f_enableTedition'을 검색하면 값이 false;,로 설정이 되어 잇습니다.
그럼 이것을 html편집기 상에서 'true'로 바꿔주시면 홈화면에 적용했던 티에디션의 기능들이 그대로 적용되어서 나오게 됩니다.
ⓕFastBoot반응형 스킨 티스토리 본문글자 크기 변경방법
티스토리 로그인 첫화면에서 꾸미기-HTML/CSS편집으로 들어갑니다. 그리고는 CSS를 클릭 Ctrl+F로 찾아야 할 것이 있습니다.
'post-body-font-size'를 검색을 하면 단 한개가 검색이 됩니다. 거기에서 @post-body-font-size= 12px라고 적힌 부분에서 12라는 숫자를 자신이 원하는 사이즈의 크기로 바꾼후에 저장을 하시고 새로고침을 하시면 됩니다.