티스토리 티에디션에 애드센스 넣는 방법


티스토리를 하시는 분들의 대부분은 아마 광고수익의 목적으로 운영하시는 분들이 대부분일 것이다. 필자 또한 광고 수익이 전부는 아니지만 어느정도 수익을 바라보고 시작한 이유도 있다. (사실 가장 큰 이유는 네이버의 횡포에 놀아나지 않기 위한게 가장 크다고 할 수 있다)

티에디션은 티스토리를 꾸미는 기본 기능 중 하다이다. 바로 이 티에디션 메인화면에 애드센스 광고를 넣음으로서 조금 더 수익 부분을 증강시킬 수 있다. 방법은 매우 간단하므로 티스토리 유저라면 누구라도 바로 적용할 수 있다.


피가되고 살이되는 블로그,

친절한효자손의 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#




티스토리 티에디션에 애드센스 넣는 방법


우선 티에디션을 사용하는 경우라고 가정하에 진행하도록 한다. 처음 할 일은 우선 메인화면에서 사용할 반응형 애드센스를 개설 하는 것이다.


구글 정책에 의해 최대 한 화면에서 PC 경우는 3개 까지 개설 할 수 있기에, 필자의 경우는 사이드바에 세로 형태의 애드센스 1개를 사용중이니 반응형 두개를 추가 개설하여 사용중이다.




애드센스에서 새 광고 단위를 하나 만들어 보자.




이름은 자유롭게 정하고, 반응형으로 만들도록 한다.




자, 새로 생성한 애드센스 코드를 복사해둔다. 메모장에 붙여 놓으면 편리하다.




이제 티스토리 관리자로 들어온다. 화면설정으로 들어간다.




티에디션을 시작한다.




광고를 넣을 적당한 위치에 새로운 항목을 만들어 보도록 한다. 저기 파란색 바탕의 흰색 + 버튼을 클릭하면 새로운 항목의 메뉴가 생성된다.




우선 아이템에서 아무거나 선택을 한다. 이건 중요하지 않다. 어차피 싹 바꿔야 하기 때문이다.




이번엔 디자인으로 가서 HTML 을 클릭하도록 한다.




그러면 방금 선택한 아이템에 대한 HTML 속성이 보인다. 여기를 몽땅 선택해서 지운다.




그리고 아까 새로 생성한 애드센스 코드를 붙여넣고 적용을 클릭한다.




방금 만드셨다면 이 부분이 빈칸으로 나올 것이고, 만든지 좀 지난 광고코드라면 이렇게 화면에 맞게 제대로 출력이 되고 있는 것을 확인하실 수 있다. 방금 만들었어도 일정 시간이 지나면 정상적으로 출력되는 것을 확인할 수 있을 것이다.


이렇게 간단하게 티에디션 메인화면에 애드센스를 넣을 수 있다. 마지막 하나도 마찬가지 방법으로 위치만 변경해서 진행하면 된다. <ㄲ>


●관련글 : 티스토리 블로그 사용법



"친절한효자손 취미생활" 을 검색!


저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 안녕하세요. 좋은글 많이올려주셔서 감사합니다.
    효자손님처럼 광고 사이즈를 더 크게 하려면 어떻게해야하나요?
    • 안녕하세요, 광고 사이즈를 PC와 모바일에서 각각 다르게 나오게 해줘야 하는데, 그 부분은 애드센스 코드 수정하기 편을 보시면 됩니다. http://rgy0409.tistory.com/1345
      여기입니다.
  2. 감사합니다. 덕택에 성공했습니다.
    혹시 메인 주소에 tags를 추가하여 tag클라우드로 접근하는걸 막는 방법에대해 아시나요?
    아시면 공유좀 부탁드립니다.
    ^^
  3. 안녕하세요.
    오늘 애드센스 2차 승인 받고 효자손님 블로그 포스팅 해놓은거 보면서
    광고 설치 다했네요. 혼자 했으면 시간 엄청 오래 걸렸을텐데 덕분에 쉽게 했어요.
    정말 감사드려요!!!!
    • 안녕하세요~ 도움이 되어 저도 기쁩니다. 참고로 가장 위에는 애드센스 광고코드를 수정해야 합니다. 왜냐하면 모바일에서는 작게 나와야 하니까요.
    • 혹시 실례가 안된다면 수정법 좀 가르쳐주실 수 있을까요?
      제가 시작한지 얼마안돼서 모르는게 너무많네요 ㅠ.ㅠ
    • http://rgy0409.tistory.com/1345
      이 글을 참고해 주세요~!
    • 덕분에 중앙정렬까지 완벽히 했네요! 다시 한 번 좋은정보 감사드려요!
  4. 음.. 여기까지는 스스로 했는데요, 포스팅 하신 스크린샷 보니, 저와 동일하지만, 제가 궁금한 부분은, 현재 친절한효자손씨 pc버전 홈 화면에 광고는, 크기가 좀더~ 세로로 길이 부분이 더 크게끔 설정을 해 놓으셨던 것 같던데, 광고 크기 수정을 하신건가요? ㅠㅠ
  5. 늘 잘보고 있습니다. 댓글에 키헬님과 같은 질문입니다.
    반응형 애드센스 코드를 어떻게 수정하면 되는지요? 아무리 해도 안되서 지금까지 헤매고 있네요^^
    • 안녕하세요~ 답변이 늦었습니다. 일본에 다녀오느라 이제 봅니다. 제 블로그에서 검색란을 활용하시어, '반응형 코드 수정' 이라고 엇비슷하게 검색해서 한번 글을 찾아 보시면 됩니다.
  6. 안녕하세요 검색해서 들어와보니 역시나 효자손홈이네요 ㅋ 궁금한게 있어 적어봅니다 지금 승인전인 블로그인데 승인전에 티에디션설정을 하는건가요? 누군 한다하고 ...승인돼고 설정해도되지않는건지...요??항상 좋은 정보감사해요
    • 안녕하세요, 실제로 그렇습니다. 티에디션을 꺼두셔야 합니다. 제 동생도 티에디션을 사용했을때에는 정말 승인 안되었었는데, 끄고나니 바로 되더군요.
    • 2017.06.15 04:12
    비밀댓글입니다
    • 안녕하세요~!
      1) 반응형 광고를 원하는대로 수정이 가능합니다. 해당글은 http://rgy0409.tistory.com/2000 을 참고하시면 됩니다.
      2) 반응형 스킨을 사용하면 당연히 모바일 스킨은 무조건 OFF 하셔야 합니다. 반응형을 사용하는 이유가 모바일스킨 안쓰려고 하는거니까요. 따라서 플러그인은 반응형만 사용하시고, 나머지는 사용하지 마시기 바랍니다.
      • 2017.06.15 16:41
      비밀댓글입니다
    • 아마 아직 예약포스팅이라 그럴꺼에요. 그리고 모바일 스킨 온 하시면 어쨌거나 반응형은 두개를동시에사용하시면안될겁니다
  7. 감사합니다. 덕분에 설치 잘되었습니다.

티스토리 툴바