FastBoot 반응형스킨 사이드바 애드센스 모듈 넣는 방법


FastBoot으로 드디어 메인블로그에 적용을 시켰다. 현재로서는 아주 만족스럽다. 여러가지 손을 거쳐서 겨우 마음에 드는 세팅을 완료 하였다. 이것저것 조작하면서 사이드바에 애드센스를 추가하는 부분에 있어서 더 고급진 방법이 있었는데, 그것도 모르고 여태껏 구리게 쓰고 있었다. 또한 기존 애드센스는 반응형이 아닌 세로 디자인의 고정형 애드센스였다. 이제 이 방법을 쓰면 반응형으로 넣음으로서 좀 더 직관적인 애드센스를 사용할 수 있을 것이다.



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

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

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

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

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


FastBoot 반응형스킨 사이드바 애드센스 모듈 넣는 방법



기존 FastBoot 사이드바에 애드센스 넣는 방법은 아래를 참조하면 된다. 매우 쉬운 기초 방법이므로, 나는 그냥 광고창만 잘 나오면 돼! 하시는 분들에게 권장한다.


●관련글 : 티스토리 사이드바에 구글 애드센스 광고 달기


좀 더 고급진 방법을 사용하려면 이제부터 잘 따라하면 되겠다.




FastBoot 사이드바 애드센스 모듈.txt


위의 텍스트파일을 다운 받으면 스샷과 같은 내용의 글이 있을 것이다. 바로 저 부분에 반응형 애드센스 코드를 붙여넣으면 된다. 단! 애드센스 코드는 한번 가공을 해야 하는데, 그 이유는 모바일에서는 사이드바 부분이 숨겨져야 하기 때문이다.


본문에 두번의 애드센스가 이미 들어가 있기 때문에, 모바일에서 사이드바까지 보여진다면 총 세개의 애드센스가 들어가므로 이건 정책 위반에 해당한다. 따라서 본문을 숨길수는 없으니 사이드바를 모바일에서 숨겨지게끔 코드를 수정해야 한다. 아래를 참고하자.


●관련글 : FastBoot 반응형스킨 사이드바 애드센스 모바일에서 숨기기


모두 수정했다면, 이제 수정된 반응형 애드센스코드를 저 텍스트에 붙여넣고, 전체를 복사해 둔다.




이제 관리자로 넘어온다. HTML/CSS편집 부분으로 들어간다.




Ctrl + F를 눌러서 s_sidebar 를 검색한다.




그러면 이렇게 검색이 될 것이다. 이제 바로 이 밑에 붙여넣어주기만 하면 끝이다.




이렇게 애드센스 모듈을 붙여넣어주었다. 저장하고 이제 잘 적용되었는지 확인을 해보도록 하자.




사이드바로 들어간다.




그러면 방금 적용시킨 애드센스 모듈이 사이드바에 정상적으로 들어왔음을 확인할 수 있다.




위치는 원하는 곳에 드래그해서 이동시켜주면 된다.




이렇게 기존의 FastBoot 사이드바에 그냥 HTML 코드만 추가해서 만든 것 보다는, 더 테마에 맞게 깔끔한 사이드바 애드센스가 적용이 되었다. 또한 반응형 이기에 때로는 꽉 차게 큼지막한 애드센스가 출력이 되기도 한다. 무척 마음에 든다. <ㄲ>



●관련글 : [친절한효자손] 티스토리 블로그 사용법



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


기어베스트 앱

이 글을 공유하기

댓글(17)

  • 2017.01.30 18:51 신고

    사이드광고를, '비동기' 유형으로 하고싶은데
    반응형 광고는 동기 / 비동기가 설정이 안되나봐요??

    반응형 광고로 해서, 친효님처럼
    사이드바 에 꽉찬 광고가 나오게 하고싶은데..

    비동기도 하고싶고..ㅎㅎ

    • 2017.02.19 02:47 신고

      안녕하세요, 답글이 늦었습니다. 말씀하신대로 반응형은 동기/비동기가 없습니다. 제 모든 광고는 다 반응형 이에요.

  • 2017.02.19 01:08 신고

    안녕하세요! 효자손님 저는 똑같이 했는데 모바일에 나타나지 않네요 왜 그럴까요? 그냥 애드센스 마크만 있어요. 효자손님 것은 애드센스 두개나 보이는데요 ^^ 그리고 댓글 달기가 참 불편합니다 그림문자 입력하라고 하는데 몇개를 바꿔도 식별하기가 쉽지않네요 !

    • 2017.02.19 02:48 신고

      안녕하세요~ 음.... 댓글달기는 우선 줄여야겠군요. 바로 생성한 애드센스라면 시간이 좀 걸려야 노출 됩니다.

  • 2017.02.19 03:06 신고

    광고는 어제 게재 하였는데 그리고 위의 예시에 효자손님의 샘플과 실제 반응형과 중간에 코드가 틀린데요? IF문 있는곳요 그곳도 같이 입력해야할까요 한번 봐 주세요

    • 2017.02.19 13:04 신고

      저렇게 안해도 됩니다. 그냥 애드센스코드 그대로 넣으면 되요. 저건 예전 애드센스 갯수제한 때문에 모바일에서 숨기기 하려고 IF문 적용시킨 거에요.

  • 2017.03.06 15:35 신고

    안녕하세요 항상 글 잘 읽고 있습니다. 질문있습니다. 반응형으로 사이드바 등록과 페이지 광고 등록을 덕분에 무사히 등록했는데 블로그 메인페이지와 카테고리 화면에서는 잘 적용이 되고 포스팅된 글 안에서는 적용이 안되어 보이질 않습니다. 무슨 문제가 있는건지 어디서 막힌건지 궁금합니다.
    lkjlkj3.tistory.com

    • 2017.03.06 15:42 신고

      안녕하세요. 아마 스킨마다 조금씩 다르게 적용되어야 할 것 같다는 생각입니다. 근데 스킨은 어떤거 쓰시는건가요? 상당히 심플하군요.

    • 2017.03.06 15:55 신고

      todiva님의 스킨을 다운받아 쓰고있습니다.
      스킨마다 다르게 적용해야 한다는 말을 잘 이해 못했습니다. ㅠㅠ 방법이 없을까요?

  • 2017.03.19 23:23 신고

    안녕하세요. 효자손님
    오늘 처음으로 애드센스 승인이 나서 광고를 달아보고자 하는데 처음으로 사이드바에 광고를 달고자 합니다.
    효자손님처럼 2개를 달고 싶은데, 동일한 광고 코드를 두번 넣어주신건지
    아니면 광고를 각각 따로 만들어서 넣어주신 건지가 궁금하네요.

    • 2017.03.19 23:25 신고

      안녕하세요, 동일한 코드를 두 번 넣어도 됩니다. 저같은 경우는 따로 추가로 만들어서 넣었어요. 선택사항 입니다^^

  • 2017.04.21 08:19 신고

    안녕하세요 효자손님
    사이드바에 애드센스를 적용했는데
    홈에서만 나타나고 다른글에 들어가게 되면 광고가 뜨지 않네요
    효자손님이랑 같은 스킨인데 방법을 혹시아시나요?

  • 2018.01.20 12:31 신고

    효자손님 말한대로 적용했는데 제블로그 젤 밑에보시면 광고하나가 나와있습니다 코드를 적용한걸 지워도 저광고가 사라지지않는데 없애는방법없을까요?

    • 2018.01.20 12:43 신고

      안녕하세요, 사이드바에 적용했는데 하단에 나왔다고요? 음...그런 일이 일어날 수 없는데... 혹시 애드센스 계정에 퀵스타트 기능이 켜져있는지 확인해 주시겠나요?

  • 2018.01.20 15:07 신고

    퀵스타트 기능이 켜져있었내요 퀵스타트 기능을 껏는데도 아직 남아있는데 사라지는데 시간이 걸리나요??

    • 2018.01.20 15:08 신고

      네. 시간이 좀 소요됩니다. 그래도 안 되면...스킨을 초기화 하는 수 밖에 없지요. ㅠㅠ

Designed by JB FACTORY