본문 바로가기


IT기타

[AdSense] 광고로 부자가 되어보자 tistory 에 Adsense 달기 (No plugIn)

인간은 누구나 부자가 되고싶다. 나 또한 그렇다.

투데이가 바닥을 기는 내 블로그에 광고하나 달았다고 부자가 되진 않지만 부자가 될 가능성이 있는 여러분들을 위해 tistory 에 광고 다는 법을 알려드리겠습니다.

 

티스토리에서는 AdSense 플러그인을 제공하지만 영.. 잘안먹더라.. 왜지? 아무튼 블로그 여기저기 붙이지 않고 원하는 위치에 붙이고 싶은 사람을 위한 방법이다.

 

1. 에드센스 신청

https://www.google.co.kr/intl/ko/adsense/start

여기로 들어가서 가입을 하고 어디에 광고를 달고 싶으니 하고 물어보면 내 블로그 url(https://ramees.tistory.com/) 을 주면 코드를 주고 head 사이에 삽입하라고 한다. head 는 어디있냐면 

[당신의블로그주소/manage/design/skin/edit#/manage/design/skin/edit#/source/html]

이걸 주소창에 치면 된다.

그리고 <head></head> 태그사이에 넣어주자.

 

2. 에드센스 승인

조금 있다보면 승인이 떨어진다 나는 하루 방문자가 매우 적은데 2일만에 승인난걸 보면 돈에눈이먼 구글이 컨텐츠만 괜찮으면 다 승인해 주는 듯 하다.

이런 내용의 메일이 오면서 승인이 된다.

 

3. 광고단위를 만들어보자

이게 방법이 자동광고가 생기면서 바뀌었던데 바뀐방법을 알려주는 블로그가 별로 없다.

여기 개요에 가면 자동광고이야기가 나오고 옆에 광고 단위 기준이 있다.

광고 단위 만들기로 가서 디스플레이 광고를 만들어본다. 지금 내블로그에 달려있는 것도 그렇고 뭐 주로 저게 블로그에 많이 달린다 다른건 읽어보고 달고 싶으면 달도록 하자.

 

4. 디스플레이 광고 만들기

반응형은 화면 사이즈에 따라서 자유롭게 움직이는 거고 수평형, 사각형, 수직형 선택 가능한데 나는 그냥 고정이 다루기 편해서 고정으로 했다. 고정으로 하면 모바일에서 잘 먹지 않는데 어차피 내 블로그는 PC 유입이 대부분이니 수평형 느낌의 고정으로 설정했다. 여러분 블로그가 모바일 유입이 많다면.. 반응형이 좋아보인다. 근데 잘 안먹더라? 티스토리 모바일 특히 앱말고 모바일 웹은 진짜 별로인듯 너비와 높이는 원하는대로 고칠 수는 있는데 어차피 구글광고가 저사이즈보다 큰게 잘 안나와서 그냥 저사이즈로 가져간다. 

이름 설정하고 생성누른다.

 

5. script 옮겨오기

이게뭐야? 가 아니고 아까 광고단위 만들러 디스플레이 광고단위 누르기 전화면에 보면 생성된 광고 단위 리스트가 있고 그옆에 저런게 있다. 눌러본다.

코드 복사 버튼 누르면 저 검정박스 안에있는게 다 복사된다. 그걸 가지고

[당신의블로그주소/manage/design/skin/edit#/manage/design/skin/edit#/source/html]

다시 여기가서 넣는다 <body></body> 안에 넣으라고 한다. 참 친절한편이다. 나는 body 안에서도 footer 에 넣어줬다 그러면 바닥에 들러붙게된다 내블로그 처럼 무튼 body 안쪽이면 어느 위치든 잘 들어간다. 원하는 위치에 저 코드를 넣어주자.

 

	<footer id="footer">
    <!-- 제 블로그는 이위치에 넣었습니다 -->
		<br>
			<!-- 생략 -->
	</footer>
</div>
<script src="./images/script.js"></script>
</s_t3>
</body>

 

그러면 1시간 이내로 광고가 찰싹 붙게된다. 

 

번외 광고단위가 귀찮은 사람들을 위한 자동광고

아까 전에 광고단위로 넘어가기 전에있었던 이화면 사이트 기준 저아래보면 자동광고가 설정 이라고 되어있다 자동광고가 실행 중인 것

저옆에 보면

이렇게 되어있다. 저기 펜모양을 누르면

이렇게 자동광고를 설정할 수 있는데 저것들을 다 켜놓고 사이트에 적용을 누르고 빠져나온다.

그런 다음 화면에 코드 가져오기를 눌러서

이렇게 뜨면 코드복사해서 시키는 대로 다시 [당신의블로그주소/manage/design/skin/edit#/manage/design/skin/edit#/source/html] 여기가서 <head> </head> 사이에 넣으면된다. 이미 저 코드가 있다면 또 넣을필요는 없다.

 

설명이 좀 엉망인 느낌이 죠금 있어서 질문은 댓글로 달아주시면 알려드리겠습니다.

끝!