구글 애드센스가 티스토리에 많이 보급되어 있습니다. 블로그를 쓰면서 작은 돈이지만 조금이나마 벌 수 있다는 것은 좋은 일이라 생각됩니다. 제도 사실은 재미삼아 시작했었는데 최근에는 조금 과한 느낌이 들어서 자제를 생각중입니다. (폐인되면 낭패라서요). 제가 보고배운 노하우를 다른 사람들과 나누고자 이글을 적습니다. 도움이 되실 바랍니다.
혹시 구글애드센스를 어떻게 티스토리에 설치하는 지 모르시는 분은 구글애드센스 티스토리에 설치 글을 읽어보시고, 설치한 다음에, 자신의 블로그를 여러가지 검색엔진에 등록하는 방법을 보기싶으면 티스토리 웹 검색엔진에 등록하기 글을 참고하세요.
블로그 상단 메뉴바로 아래에 넣는 방법
제 포스트를 보고 구글 애드센스를 추가하시는 듯합니다. 그분들중 블로그 메인메뉴아래에 구글 애드센스 광고 넣은 방법에 대해 질문하신분이 있어서 그 방법을 여기에 추가합니다.
블로그 상단의 메뉴아래에 구글광고를 넣을려면 제가 사용하고 있는 스킨의 경우 <!-- /wrapMenu --> 아래 부분에 구글광고를 넣으시면 됩니다. 저는 728x90 텍스트 광고를 사용했습니다. 녹색이 제가 첨가한 코드이고 빨간색 부분이 애드센스 광고입니다.
코드보기
본문안에 들어 있는 네모 (스퀘어) 광고를 넣는 방법
블로그 포스트 예제를 보실려면 여기를 클릭하세요. 보시는 것처럼 본문안에 오른쪽 위에 들어있습니다.
위와 같이 하실려면, 티스토리의 스킨편집으로 들어가셔서 <div class="article"> 와[#&#_article_rep_desc_#&#] (Note: & & 를 제외한 문자열) 을 찾으신후 아래에 있는 코드를 복사해서 그 사이에 넣으시면 됩니다. 빨간색으로 된 부분은 본인의 구글광고로 대체되어야합니다. 이 예제의 경우는 200x200 스퀘어 광고를 사용했습니다.
코드보기
본문아래에 테이블 형식으로 배치하는 법
아래 그림에서 보는 것처럼 본문아래 (이올린에 북마크하기 / 이올린에 추천하기)에 테이블 형식으로 넣는 방법을 소개합니다.
아래에서 보시는 것처럼 티스토리 스킨편집 모드로 가셔서 [#&#_article_rep_desc_#&#] (주석: && 없는 문자열)의 아래에 다음 코드를 복사하신다음 빨간색으로 되어있는 구글광고코드를 자신의 것으로 넣으시면 됩니다. 이 예제의 경우 두개의 리퍼러광고는 125x125모드를 텍스트 광고는 336x280를 이용했습니다.
코드보기
☆ Computer Tips ☆ 박스를 이용한 광고
최근에 인기가 높아진 형태의 광고라 생각됩니다. 아래그림에서 보듯이 필요한 설명을 덧붙인후 리퍼러 광고를 첨가한 것입니다. 일단 박스가 들어가서 훨씬 깔끔하게 보이지요.
아래에서 보시는 것처럼 티스토리 스킨편집 모드로 가셔서 원하는 곳에 아래에 다음 코드를 복사하신다음 빨간색으로 되어있는 구글광고코드를 자신의 것으로 넣으시면 됩니다. 이 예제의 경우 텍스트 리퍼러 광고들을 이용했고 태그 바로 위에 배치했습니다.
코드보기
혹시 더 궁금한 점이 있으면 댓글로 질문남기시면 아는 범위내에서 설명해 드리겠습니다. 좋은 블로그 생활하시길 바랍니다.
'컴퓨터활용 > 구글애드센스' 카테고리의 다른 글
| 구글 애드센스 배치 - 결과공개/효과분석 [추가] (53) | 2007/05/08 |
|---|---|
| [노하우 공개] 구글 애드센스 광고배치 편집방법 (티스토리 기준으로) [추가] (80) | 2007/05/05 |
| 구글 애드센스의 구글패키지 - 새로운 프로그램들이 추가되었네요. (0) | 2007/04/30 |
| 구글애드센스 현황공개 및 블로그 방문자 20,000명 돌파 기념샷 (12) | 2007/04/28 |
댓글을 달아 주세요
맨 마지막의 박스를 이용한 광고는 IE에서는 모서리가 둥글게 출력되는데 파폭에서는 스샷처럼 모서리가 저렇게 깨져서 출력되더라구요. 그런데 어떤 분의 블로그를 보니 IE나 파폭 할 것 없이 모두 제대로 네모난 박스가 표시되던데, 그건 어떻게 하는지 혹시 아시는지요?
그 분한테 직접 물어보려다 계속 미루고 이제서야 생각이 나서 이렇게 질문 한번 올려봅니다. ^^;
댓글 감사합니다. 죄송하지만 왜그런지는 모르겠습니다. 주로 파이어폭스만 쓰고 있어서... 좋은 하루되세요.
제가 참견할 바는 아닙니다만
초보분의 경우는 위의 소스를 그대로 복사해서 쓰실 위험성이 있습니다.
위의 google_ad_client = "pub-9742881344545898"; 항목이 혹시 지금 계정에서 쓰시고 계신 항목이라면 보이지 않게 하시는 게 나중에 계정을 지키는데 도움이 될 듯 싶네요.
아이고 조언 감사합니다. -- 조금 고쳐서 올렸습니다. 꾸벅!!!
요줌앤 ☆Computer Tips☆☆잠깐만☆해서 박스 광고 많이들 사용하시더군요. 궁금해는데..저두함 적용해볼까 생각중입니다 ^^
사람들의 시선을 끄는데는 도움이 되는 것 같습니다. 좋은 블로그 생활하세요!
Computer Tips 는 정말 깔끔하고 괜찮네요..ㅎㅎ
저 같은 사람을 위한 포스팅이네요.
유용한 정보 감사드립니다..^^
칭찬 감사합니다. 도움되었다니 오히려 제가 더 기쁨니다. 자주 뵐께요!!!
좋은자료 감사합니다^^
오늘 첨달아봐서 감이잘 안잡히네요;;
그런데 전 제목과 본문사이에다가 오른쪽에 굿라이프님처럼 너어보려고 했는데 어디다 첨부해야될지 도저히 모르겠어요.ㅠㅠ
스킨편집모드에서 <div class="article">와 [ #&#_article_rep_desc_#&# ] (Note & &를 제외한 문자들을 찾으셔야 합니다.) 사이에 넣어셔야 합니다. 이상하게 본문에서 [ #&#_article_rep_desc_#&# ] (&&없음)글자들이 없어져 버렸네요. 그래도 안되면 다시 연락주세요. 꾸벅!!!
아참 자꾸 죄송한데요^^;
맨위에 메인메뉴 밑에다가 넣는건 어떻게 하나요?
그건 본문에 안쓰셨는데..^^;
질문 감사드립니다. 메인메뉴아래 구글애드센스 다는 방법 추가하였습니다. 도움이 되시길 바랍니다. 꾸벅!
좋은 자료네요^^
나중에 스킨 편집할때 유용하게 쓸수 있겠어요.
감사합니다.
칭찬 감사합니다. 도움이 되길 바라갰습니다.
가입한 후에 구글에서 로긴하고
코드받아서 님 설명따라 넣어봤습니다
근데 광고가 잘려서 나오는데 어떻게 수정하는지 잘 모르겠군요
여기 답글로 설명해 주심 감사하겠습니다 ^^
금방 블로그에서 봤는데, 본문 아래에 있는 광고는 사이즈가 너무 커서 짤리는 듯합니다. 본문의 가로가 500 픽셀이니까 728x90 대신에 468x60 배너 설치하면 될겁니다. 좋은 블로그 만드시길 바랍니다. 또 궁금하면 언제든지 연락주세요 - 아는 범위내에서 답변해드릴께요.
깔끔하게 잘 정리하셨네요~ 나중에 유용할 것 같아 북마크해갑니다^^
칭찬감사합니다. 그리고 흔적 남겨주셔서 더 감사. 북마크까지 영광입니다. 좋은 하루되세요!
흠흠.. 덕분에 잘 적용하였는데요~ 컴퓨터 팁~~
근데 저는 검은색 글씨로 단조로운데 Goodlife님처럼 색을 강조하려면 어떻게 해야 하나요?
이건 제가 모르는 것입니다. 죄송합니다. 제 생각에는 원래 스킨에 있던 스타일에 있는 형식을 따라가기 때문에 나온 것이라 생각됩니다. 쩝~
저좀 도와주세요 ㅠㅠ.. 조언좀 ㅠㅠ
문제가 어떤것인지 조금 자세히 설명을 해주셔야 도와드릴것 같습니다.
저는 '본문아래에 테이블 형식으로 배치하는 법'를 했는데요.
결과가 이상하게 나옵니다. 본문 하단 이야기입니다.
어쩔때는 제대로 나오기도 하고 어떤때는 추천광고가 파폭과 구글패키지 2개로 설정해놨는데 패키지 2개만 나오기도 합니다. 옆의 컨텐츠 광고는 다른 게시물에서 볼때는 아예 안 나오기도 하네요.
안녕하세요~ 지금 아도니스님 블로그 가봤는데 모두 정상으로 잘 작동하는 듯 합니다.
제품광고가 좀 이상합니다. 본문 하단에는 구글 패키지, 불여우를 달았구요.
카테고리 밑으로는 애드센스제품광고를 달았습니다. 그런데 어쩔때 보면 제품광고 3개 모두 구글 패키지 광고로 나오네요. 제가 태그를 잘못 한건가요?
너무 깔끔하게 잘 나오는 데요. 좋은 블로그 생활 하시길 바랍니다.
정말 잘 배웠습니다 애드센스 한번 클릭해드리고 갈게요~
도움이 되셨다니 다행입니다. 댓글 감사드립니다. 애드센스건은 정말로 관심가는 광고가 있어서라고 믿겠습니다.
이제 막 블로깅을 시작한 상태라 애드센스를 비롯 이것저것 해보고 있습니다. 이 글에서 많은 도움을 받았습니다. 이거 뭐 html 같은 거에 익숙하지 않다보니 블로깅하는 것도 쉽지 않군요.^^ 좋은 글 감사합니다.
도움이 되었다니 정말 다행입니다. 좋은 블로그 생활 하시길 바랍니다. 꾸벅~
비밀댓글 입니다
질문에 대한 답변 드렸습니다. 혹시 잘 안되면 다시 연락주십시오~
애드센스 본문상단 오른쪽 광고에 대해 궁금한 점이 있는데요.
http://daisy.pe.kr/ 여기 이 분처럼 본문의 글자와 애드센스 레이어가 살짝 떨어지게 하려면 어떻게 해야 하나요? 제 경우엔 찰싹 달라 붙어 있어서 가독성에 좀 문제가 있는 것 같아요.
저 같은 경우에는 안쪽에 5 픽셀만큼 여백을 두고 테두리 선 색깔을 바탕색과 같은 것으로 하었습니다. 아래 마지막에 보시면 padding-left:5px라고 되어있는 것 처럼 말입니다. 바깥쪽에 여백을 두는 것은 저도 잘 모르겠습니다. 도움이 되셨길 바랍니다.
<table width="200" height="200" align="right" border="0" cellpadding="0" cellspacing="0" style='background-image:url();background-repeat:no-repeat;'>
<tr>
<td valign="top" style="padding-top:0px; padding-left:5px;">
위 태그를 스킨.html에 집어 넣는거죠?
어느쪽에 넣어야 하나요? 이를테면 <body></body>안쪽인가요? 아니면 애드센스 코드 넣는데에다가 넣나요? 정확히 어느쪽에 태그를 넣어야 할지 모르겠습니다.
제가 HTML쪽에 문외한이라 잘 모르겠네요.
안녕하세요~
티스토리의 스킨편집으로 들어가셔서 <div class="article"> 와[ #&#_article_rep_desc_#&# ] (Note: & & 를 제외한 문자열) 을 찾으신후 아래에 있는 코드를 복사해서 그 사이에 넣으시면 됩니다. 빨간색으로 된 부분은 본인의 구글광고로 대체되어야합니다.
꼭 성공하시길 바랍니다.
어제부터 애드센스 달기 시작햇는데요...
블로그 시작한지 얼마 되지 않았거든요...
아직 잘 몰라서ㅠㅠ 이곳에서 배우고 몇개 달았습니다.
애드센스 - 생각보다 수익이 나쁘지는 않습니다. 저 같은 경우 그냥 하루 점심값 벌 수 있다고 생각하고 삽니다. 좋은 성과 거두시길 바랍니다. 댓글 감사합니다.
질문하나만 드릴께요
☆ Computer Tips ☆ 박스를 이용한 광고에서 링크 색은 어떻게 바꿀 수 있나요?
전체적으로 블로그랑 보기좋게 하려고 색을 바꾸고 싶은데...
안녕하세요~ 저도 아직까지 바꾸는 방법을 모르고 있습니다. 그냥 스타일에 있는 그대로 사용하고 있습니다. 내공이 부족해서 죄송합니다.
죄송하다니요...별말씀을^^&
자주 방문하겠습니다. 아직 애드센스 다는게 서툴러서 배우 배워야 겠습니다.
이해해 주셔서 감사합니다. 차근차근 배워나가시면 금방 "전문가"수준이 되실겁니다. 아자아자~
본문 상단에 넣는것 문의 좀 드릴께요.. ^^.. <div class="article">와 [ #&#_article_rep_desc_#&# ] (Note & &를 제외한 문자들을 찾으셔야 합니다.) <- 이 부분이 잘 이해가 안갑니다.. -.-.. 스킨편집을 들어가면.. <div class="article"> [ ##_article_rep_desc_## ] 이 부분이 2군데가 있더군요.. 이 사이에 구글코드를 넣고 ##사이에 &를 넣어라는 말씀인가요??? 실제로 넣어서도 해보고.. 빼서도 해봐도.. 적용이 안되는군요.. 해당 테이블만큼 공백은 생기는데.. 광고가 안보인다는...
한번봐주세요...
<div class="article">
<table width="200" height="200" align="right" border="0" cellpadding="0" cellspacing="0" style='background-image:url();background-repeat:no-repeat;'>
<tr>
<td valign="top" style="padding-top:0px; padding-left:5px;">
<script type="text/javascript"><!--
google_ad_client = "pub-6303722570863942";
google_ad_width = 200;
google_ad_height = 200;
google_ad_format = "200x200_as";
google_ad_type = "text";
//2007-08-06: Sharon_travel_inner
google_ad_channel = "8173931915";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "F2984C";
google_color_text = "000000";
google_color_url = "B3B3B3";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr>
</table>
</div>
안녕하세요 - & &를 제외한 문자열을 찾으라고 한 이유는 &&없이 글을 쓰면 "특수문자열"로 인식이 되어서 블로그 화면에 나오지 않기 때문입니다.
<div class="article"> 다음에 아래 <table with... 으로 시작되는 것들을 넣어주면 됩니다.
다시한번 해보시고 잘 안되면 또 연락주세요~ 댓글 감사합니다.
감사합니다. 좋은 글 덕분에 광고창 잘 달았습니다.
그 동안 배너만 달았었는데 사각형 광고 창을 달았더니 시원하네요. ^^
도움이 되었다니 다행입니다. 좋은 블로그 생활하시길 바랍니다. 꾸벅~
상당히 도움이 되는 글 입니다만 GoodLife님 코드는 주석처리 해주시는게 좋을 것같네요..
자신의 코드 삽입하는 방법을 모르시는 분도 혹 계시지 않을까 하는 우려가 있네요..
이 글을 퍼가신 분의 글인줄 알고 댓글달았다가 퍼온글이라길래 출처를 찾아서 왔습니다.
잘 알겠습니다. 주석처리하겠습니다. 감사합니다.
많은걸 배워 갑니다요 ^-^
이글보고 어렵지 않게 금방 했네요 감사해요
컴퓨터팁 박스안 링크 색 바꾸는게 무지 힘드네요 ㅠ_ㅠ
댓글 읽어보니 모르신다는거 같고 암튼 도움이 되어서 무지 감사드려요
P.S 제 블로그도 놀러오세요 ^^
그리고 이 글 퍼가도 되는지요?
도움이 되었다니 다행입니다. 블로그 너무 멋지게 잘 만드셨네요. 가끔 놀러 가겠습니다... 원글 소스만 밝히시면, 퍼가셔도 됩니다.
깔끔한 안내 감사합니다. 애드센스 누르고 갑니다^^
도움이 되었다니 영광입니다. 즐 블로그 생활하시길...
http://freecashflow.tistory.com/entry/푼돈대박-3탄-올블릿
이곳처럼 본문 중간에 광고가 뜨게 하려면 어케하나요?
방금 님 블로그 방문했더니 성공했네요! 축하드립니다.
비밀댓글 입니다
차근차근 해보시면 될 겁니다. 잘 되시길바랍니다.
진짜 찐짜 탱큐 입니다.
잘 사용하시길 바랍니다. 감사글 남겨주셔서 감사합니다.
비밀댓글 입니다
웹 사이트 방문했더니 벌써 구글 광고를 성공적으로 설치하셨네요. 혹시 도움이 필요하면 언제든지 댓글 남겨주시길 바랍니다. 꾸벅!
비밀댓글 입니다
이메일 보내드렸습니다. 잘 사용하시길 바랍니다.
비밀댓글 입니다
다시 보냈습니다. 혹시 스팸으로 가지 않았을까 싶네요. 못받으셨다면 댓글로 달아 드릴께요!
잘 받았고 고맙게 사용하겠습니다. 감사합니다...
잘 받았다니 다행입니다. 좋은 블로그 생활하기실 바랍니다.
본문안에 네모광고 넣는방법을 사용할려고하는데
제가 사용하는 스킨에는 말씀하신 부분이 없는데 이럴경우는 직접 입력을 해야하나요.
아님 스킨을 교체해야 하나요?
정확히 어떤 부분이 없는지는 모르겠지만, 그냥 직접입력해서 사용하실 수 있을 겁니다.
죄송한데 한가지만 더 여쭤볼께요.
그럼 어느부분에 입력을 해야 될까요?
너무 막역한 질문같은데 참고가 될만한 내용이 있으시면 알려주세요.
감사합니다.
새로운 글을 넣을 수 있는 곳 다음에 넣어야 될 겁니다. 새로운 글을 지칭하는 것이 "article_rep_desc " 비슷한 것으로 되어 있을 것 같습니다. 도움이 되셨으면 좋겠습니다.
비밀댓글 입니다
사용하시는 스킨따라서 조금씩 다르게 적용이 될수도 있습니다. 저도 한번도 직접 해보질 않아서 답변을 정확하게 드릴수가 없네요 -- trial & error식으로 해보시는 방법외에는 특별히 드릴 말씀이 없습니다. 도움이 안되어서 죄송합니다.
텍스트만으로 광고하는 것보다 텍스트+이미지로 작성하는 것이 더 좋은가요..시작한지 얼마되지 않아서 어떻게 배치하고 유형을 선택해야될지 찾아다니고 있는데..아직도 잘 모르겠네요...많은 정보 고맙습니다.
저도 사실은 텍스트와 이미지 광고를 함께 했는데, 이미지 광고양이 적어서 거의 텍스트로 나오더 군요. 근데, 가끔은 너무 산란한 이미지가 나쁜 인상을 줄수도 있습니다. 이미지만 하시는 경우 공익광고도 많이 나옵니다. 참고 하시길 바랍니다.
좋은 정보 감사합니다 ^^ 덕분에 광고 배치를 수월하고 깔끔하게 할 수 있게 되었군요
그런데 사각형 박스 2개 배치하는법은 레이어로 묶는 방식이 있던데 그것도 쓸만 하더라구요
도움이 되었다니 영광입니다. 레이어로 묶는 방식도 있었군요... 감사~
광고 배치가 수월해 졌습니다. ㅎㅎ 감사합니다.
저..블로그 꾸미기?에 관해서 여쭙고 싶은게 있는데요.
저같은경우 HTML을 하나도 몰라서. 그냥 티스토리에서 제공해주는 스킨을 사용하고 있습니다. 그런데
제가 다음 블로그도 있는데요. 다음은 제법 맘에드는 스킨을 제공해주더라구요.
blog.daum.net/trablog
이게 제 다음 블로그인데..저는 이것처럼..
1. 메인 페이지에는 글목록? 이 나오게 하고 싶구요.
2. 스킨에 제가 찍은 사진이나 제가 원하는 이미지를 넣고 싶습니다..
즉..제 블로그 들어가자마자 글내용 전체가 보이는게 별로 맘에안들어서...좀 구성을 바꾸고 싶은데요...
방법을 모르겠습니다..
시간이 괜찮으시면 조언 부탁드립니다..
별로 어렵지 않습니다. HTML몰라도 가능합니다.
메인페이지 글 목록 나오게 하는 것은 테터데스크 설정하기로 하시면 됩니다 (프러그인에서 선택하시고 관리자 상태에서 블로그로 가면 오른쪽 상단에 설정하는 메뉴나옵니다).
스킨 바꾸는 것은, 관리자 상태에서 스킨선택후 "스킨 위자드"에서 원하시는 이미지 올리시면 됩니다.
잘 되시길...
대체 광고를 넣고 싶은데..
구글에서 설정을 안하고 소스로 넣는 방법이 있을까요?
모든 광고를 원하는 것으로 할 수는 없습니다. 하지만, 관련된 광고가 없을 때, 공익광고 대신에 원하는 대체광고의 URL을 입력할 수 있는 방법이 있습니다.