티스토리 본문 상단 오른쪽에 애드센스 광고 넣기

여기도 마찬가지이고, 지금 오른쪽 상단에 애드센스가 들어가 있는 것이 보이는가? 이건 어떻게 하는건지 궁금하다면 잘 정독 후 쉽게 티스토리 유저분들이라면 누구나 성공할 것이다. 무척이나 쉽기 때문에 순식간에 작업은 모두 끝이 날 것이다.


Fastboot 스킨은 물론, 지금까지 현존하는 모든 반응형 스킨에 다 해당되는 내용이기에 이제 막 애드센스를 승인 받으신 유저분들께서 가장 먼저 하시고 싶은 것이 바로 이 애드센스를 블로그에 적용시키는 일일텐데, 급하게 하려 하지 마시고 차근차근 완성해 가도록 해보자.



피가되고 살이되는 블로그, 친절한효자손 취미생활!

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

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

#공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다#

#사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다#


티스토리 본문 상단 오른쪽에 애드센스 광고 넣기


그러면, 어떻게 해야 하는지 한번 천천히 따라해가면 잠시 후, 멋지게 적용 될 애드센스를 상상하며 진행해 보도록 한다.




우선, 구글 애드센스로 가서 반응형 광고를 하나 만들고, 해당 코드를 복사하여 메모장에 임시로 붙여넣기를 한다. 여기에서 필요한 부분은, 바로 저기 client 정보와 slot 정보 이다. 큰 따옴표 안쪽 코드를 모두 그대로 사용할 것이다.


구글애드센스 신청방법 및 티스토리 광고달기 (종합편)


참고로 애드센스를 방금 만들었다면, 적용되어 나타나는 시간은 대략 1~2시간 걸린다. 인내를 가지고 기다려야 한다.




이제 관리자로 들어와서 HTML/CSS 편집으로 들어간다. 




HTML에서 Ctrl+F를 눌러 article_rep_desc 를 검색하면 딱 하나가 검색된다. 여기 바로 위에 코드를 붙여넣기만 하면 되는데, 코드는 아래에 있다.




바로 이것이다. 코드가 다소 길기 때문에 첨부파일에 텍스트 파일로 올렸다. 아까 미리 복사해 둔 애드센스 코드에서 client 부분과 slot 부분 기억하는가? 그대로 저기에 붙여넣기를 해서 전체를 복사해 사용하면 된다. ★와 ● 부분에 붙여넣기만 하면 된다.


첨부파일

티스토리 본문 오른쪽 상단.txt




그러면 이렇게 들어간다. 이렇게 해서 완성되었다. 저장을 눌러서 본문에서 잘 노출이 되는지 확인해보자. 오른쪽 상단에 정상적으로 애드센스가 떠있는것을 볼 수 있을 것이다. 끝.


PS : 모바일 전용 스킨을 OFF 시키는 것을 잊지 말것이며, 티스토리 앱에서는 수동으로 넣은 애드센스는 노출이 되지 않는다. 크롬 앱이나 기타 안드로이드 브라우저 앱으로 접속해야 보인다. 많은 분들이 이런 질문들을 많이 하셔서 이렇게 코멘트를 추가하였다.


애드센스 상단1개 VS 상단2개 어느것이 나을까?

티스토리 애드센스 상단2개 하단2개 넣는방법

애드센스 광고 갯수(개수) 제한 해제 소식

[친절한효자손] 티스토리 블로그 사용법


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


이 글을 공유하기

댓글(42)

  • 2017.02.06 19:25 신고

    이렇게 하면 광고 수익성 클릭률이 더 좋아지셨나여?

    • 2017.02.06 19:26 신고

      안녕하세요 제블로그에서는 현재 상단광고가 가장 수익률이 큽니다. ㅎ 꼭 오른쪽으로했다고해서 올라가진않죠. 가장중요한것은 콘텐츠 분류와 퀄리티입니다

    • 2017.02.06 19:41 신고

      친절한 설명에, 쉽게 적용하였지만! , pc버전은 되는데, 모바일에서는 아예 나오지 않네요 ㅠㅠ 모바일에도 나오게 하려면 어떻게 해야할까요?

    • 2017.02.06 19:48 신고

      티스토리 전용 앱에서는 나오지않습니다. 그냥 인텟앱으로보셔야되요

  • 2017.02.10 12:22

    비밀댓글입니다

    • 2017.02.10 17:03 신고

      오리지널 광고 코드에 보시면, data-ad-client="이안에있는코드" 여기입니다. 또 그 밑에 있는 data-ad-slot="이안에있는코드" 여기구요. 이렇게 두개를 각 붙여넣기 하시면 됩니다.

  • 2017.02.25 11:03 신고

    이렇게 할때 원래의 반응형 광고에서 첫광고 없게 해놓고 해야 하는거죠?

    그리고 티스토리 앱에서만 안보이는거고 다른 사람이 접속해와서 보면 보이는건가요?

    • 2017.02.25 11:21 신고

      안녕하세요.
      원래의 반응형 광고 -> 티스토리 플러그인에서의 구글애드센스(반응형) 말씀하시는 거라면 네. 맞습니다.

    • 2017.02.25 11:22 신고

      예 너무나 감사드립니다 ^^

  • 2017.02.25 11:54 신고

    자꾸 질문해서 죄송합니다 ^^;

    제가 티스토리앱으로 말고 인터넷으로 검색해서 제글 찾아들어가도 상단우측 광고가 전혀 안보이는데요.
    티스토리 앱으로 보는거 아니어도 본인 스마트폰에서는 이렇게 안보이는게 정상인지요?

  • 2017.02.26 11:12 신고

    친절한 효자손님 글 너무 잘 읽고있습니다.
    일러주신대로 따라해보았는데 PC에서는 잘 뜨는데 왜 모바일에서는 안 뜨는지 모르겠습니다.
    똑같이 따라했는데 말이죠 ㅠㅠ 스마트폰으로 보면 상단 우측에 광고가 나오질 않네요.
    제가 뭘 잘 못한거져? ㅠㅠ

  • 2017.03.02 00:58 신고

    오른쪽 넣는거까진 성공했는데 ㅠㅠ
    오른쪽에 넣으면 하단광고가 없어져요.
    코드도 다른데.. 다시 상단오른쪽 광고를 지우면 하단이 생겨요 ㅠㅠ
    왜그런거죠?

    • 2017.03.02 01:01 신고

      서로 코드가 다른거 맞죠? 상단은 수동으로, 하단은 저같은 경우 두개가 들어갔는데 하나는 수동으로 (카테고리 다른글 왼쪽에 들어가는 애드센스) 다른 하나는 플러그인에서 하단으로만 하나 넣은 것 이렇게 총 세개가 본문에 들어갑니다.
      방법은 블로그에 나온대로 해보시라는 말밖에...어떻게 넣으셨는지를 제가 모르니까 뭐라 드릴 말씀이 없군요

  • 2017.03.06 11:10 신고

    안녕하세요. 블로그 구경 잘하고 잘 배우갑니다.
    이대로 본문 상단 오르쪽에 애드센스 광고넣기를 그대로 했는데 저는 빈 공간이 나오네요.
    플러그인도 설정해야 하나요? 아니면 HTML 에서만 하면 되나요?

  • 2017.03.06 11:24 신고

    플러그인에서도 다 해지하고 위에 똑같이 했는데 컴퓨터에서는 빈공간으로 보이고 모바일에서는 아예나오지 않아요.... ㅠㅠㅠ 답답하네요....

  • 2017.03.06 16:12 신고

    넹!! 반응형으로 했는데... 안되용 ㅜㅠㅜ

    • 2017.03.06 16:39 신고

      일단 수동으로 넣으면 플러그인은 빼주셔야 합니다. 지금 코드가 뭐 어떻게 들어간건지를 당췌 모르겠으니...ㅠㅠ

  • 2017.03.18 23:18

    비밀댓글입니다

    • 2017.03.18 23:27 신고

      안녕하세요, 네. 말씀대로 티스토리앱에서는 안나오는게 정상입니다. 그리고 하단 두개는 왼쪽에 있는건 수동으로 넣은것이고, 가로형태는 플러그인 하단형태로 넣었습니다.

  • 2017.03.18 23:42

    비밀댓글입니다

    • 2017.03.18 23:55 신고

      안녕하세요, 빈화면으로 나오는건...글세요;; 코드 그대로 넣으셨다면 정상적으로 잘 나와야 할텐데..음... 그 이상은 저도 모르겠습니다~!
      하단광고는 http://rgy0409.tistory.com/1529
      이 글을 참고해 주세요~

  • 2017.03.19 00:31 신고

    네 감사합니다~ 공감버튼 아래 가로형은 플러그인으로 반응형코드 넣으셨다는데 어떤건지 알수 있을까요? 광고코드가 안맞는다고 하네요...데스크탑웹용 하단광고 1에 넣는것 맞지 않나요? 왜케 안되는지...

    • 2017.03.19 00:31 신고

      반응형 스킨이니 당연히 광고도 반응형으로 만드셔야하며, 당연히 애드센스 반응형에 넣으셔야겠죠?ㅎ

  • 2017.03.19 09:26 신고

    네^^정말 친절한 설명 감사드립니다

  • 2017.04.26 20:30

    비밀댓글입니다

    • 2017.04.26 21:30 신고

      안녕하세요! 살펴보니 일단 모바일 전용 스킨을 ON 시키셨네요. 스킨가셔서 모바일 전용 페이지 OFF 시켜주시고요, 원래 티스토리 앱에서는 수동으로 넣은 애드센스 광고는 안나옵니다. 일반 크롬앱이나 기타 브라우저앱으로 접속하면 정상적으로 보입니다.

  • 2017.05.20 22:15

    비밀댓글입니다

  • 2017.08.18 18:08

    비밀댓글입니다

    • 2017.09.27 08:57 신고

      안녕하세요, 답변이 늦어서 죄송합니다. 유튜브와 티스토리 애드센스는 별개입니다. 따로 가입하셔야 합니다.

  • 2017.09.26 16:01 신고

    본문 오른쪽광고는 나오는데 왼쪽에 글이 광고 아래로가는데 어떻게 해결해야할까요??

  • 2017.11.22 19:36 신고

    아무리 설정해도 안됩니다 ㅠㅠㅠㅠ 하 .. 10번이나 시도해봤는데 ㅠㅠ

  • 2017.12.05 20:57 신고

    효자손님
    본문상단오른쪽에 광고 잘 적용하고 텐핑링크까지 적용했는데요.
    지인이 말하기를 PC에서 볼 때 오른쪽 상단광고가 보이지 않는다고 하네요ㅠㅠㅠ
    HTML에서 텐핑을 적용할 때 뭔가 잘못된건가 싶은데 같이 적용할 때 주의해야 할 점이 있었나요??
    아니면 오른쪽 상단광고가 보이지 않는 것이 일시적일까요?
    답변부탁드립니다!

    • 2017.12.06 02:26 신고

      안녕하세요, 본문상단 오른쪽 광고 잘 나오고 있습니다. 지인이 아이폰을 쓰신다면 안나올 수 있습니다. 아이폰은 사파리 브라우저를 쓸텐데요, 그게 이 스킨으로 접속되지 않고, 티스토리 앱 처럼 접근하게 됩니다. 티스토리 앱에서도 마찬가지로 상단 광고는 안나옵니다. 그리고 안드로이드 브라우저에 따라 다르게 나올수 있습니다. 혹시 PC에서 안나온다고 하면 지인의 컴퓨터 문제가 의심이 되는군요.

    • 2017.12.06 07:47 신고

      넵 항상 친절한 답변 감사합니다. 좋은하루되세요!

Designed by JB FACTORY