FastBoot 반응형스킨 사이드바 애드센스 모바일에서 숨기기

티스토리를 필자는 총 세개를 운영중인데, 그 중 두개는 현재 FastBoot 반응형 스킨을 적용중에 있다. 그리고 이것저것을 제작자님 블로그에서 보고 연구중에 있는데 아직까지 원하는만큼 이루어지고 있지는 않지만, 그래도 어느정도 흉내 정도는 내고 있다.

가장 큰 문제가 사이드바 광고였다. FastBoot 사이드바에 애드센스 추가하는건 쉽지만, 모바일에서까지 사이드바 광고가 보여져서 애드센스 정책위반에 걸릴 수 있기 때문에 (모바일에서는 애드센스 광고 허용 갯수는 두개이다) 그래서 수정이 절실했다. 결국 해내고 말았다.


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

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

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




FastBoot 반응형스킨 사이드바 애드센스 모바일에서 숨기기


<알림>

애드센스 광고 갯수 제한이 풀렸다. 따라서 숨기지 않아도 되며 꼭 숨겨야겠다면, 이건 선택사항이다.


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


FastBoot 제작자이신 Readiz님 블로그 글을 참고해서 한번 해보셔도 되고, 더욱 자세한 설명을 원하신다면 이 글을 참고하면 된다.




우선 애드센스 코드를 가지고 온다. 기존에 쓰던 코드로 사용해도 좋다. 아니면 새로 만들어도 상관없다.




자, 이렇게 나와 있을 것이다. 비동기로 해 놓는다. 그리고 코드를 모두 복사한다.




메모장에 붙여넣기를 해놓으면 대략 이런 형태의 코드로 구성되어 있다.




이제부터 약간 가공을 할 것이다. 우선 저 주석은 필요 없으니 지워준다.




지우고나면 저기 빨간 박스 부분만 이제 사용할 것이고, 그 밑에 있는 <script>(adsbygoogle = 여기부터는 필요가 없다. 중요한건 빨간 박스 부분이다.


이 부분을 모두 내려쓰기 없이, 쭈욱~ 일자 코딩으로 바꿔준다.




글씨가 작아서 안보이지만, 이렇게 횡렬로 쭈욱 나열하였다.


이제 이 부분을 복사해서 아래의 메모장을 여시고 한글로 이곳에 넣어달라고 표시된 부분에 방금 복사한 애드센스 광고 코드를 붙여넣기를 한다.



FastBoot 사이드바 반응형 애드센스 모바일에서 숨기기.txt



참고로, 이 코드는 중앙정렬이 자동셋팅 되어 있다. 중앙정렬하기 싫다면, <div align="center"> 그리고 </div> 를 지워주면 된다.




방금 복사한 부분을 저기에 넣으면 될 것이다. 작은따옴표 사이에 말이다.


코드 설명을 잠시 하자면, >=768 이라고 되어 있는 부분의 의미는, 만약 가로 픽셀이 768 보다 크거나 같다면, 해당되는 광고코드를 실행한다 라는 의미이다. 즉, 768보다 작으면 코드를 실행하지 마라는 소리이다. 그렇게되면 당연히 모바일에서는 보이지 않게 된다.





그러면 이렇게 들어가게 된다.




방금 넣은 애드센스 코드 중, 저 부분에 뭔가 하나를 더 추가해야 한다. 역슬러쉬를 넣어주자.




프로그램에 따라 다르지만, 역슬러쉬로 나오기도 하고 메모장에서는 이렇게 원 표시로 나오는데 어쨌든 저것이다. /script 앞에 넣으면 된다.


그리고 이번엔 이 메모장에 있는 전체 코드를 모두 선택해서 복사한다.




이제 거의 다되었습니다. FastBoot 반응형 스킨이 저장된 티스토리로 와서 사이드바 > HTML 배너출력을 한다.




그러면 오른쪽에 HTML 편집 이라고 등록되었을 것이다. 편집 버튼을 눌러서 이렇게 이름에는 알아볼 수 있는 이름으로 넣어주고, HTML소스에 방금 복사한 코드를 그대로 붙여넣기 해주고 확인을 클릭하고 이제 블로그에 가서 확인을 해보자.




짜잔~! 현재 데스크탑 PC에서는 정상적으로 잘 나온다.

그렇다면 모바일은?




원래대로라면, 이 부분에 나와야 하는데 보시는 것처럼 숨겨졌다. 참으로 놀라운 HTML 코딩 세상! 정말 프로그래머 분들은 대단하고 존경스럽다.


이렇게해서 일단 정책위반은 모면한 샘이다. 앞으로 좀 더 애드센스 광고위치에 대해 불철주야 노력을 할 것이다. 새롭게 알게되는 방법이 있거나 아니면 아시는분들께서는 주저없이 연락 부탁드리는 바이다. 끝.


Fastboot 사이드바에 쉽게 모듈 (추천글 포함) 설치하는 방법

Fastboot 사이드바 텐핑 광고 모듈 넣기

Fastboot 반응형스킨 사이드바 추천글 모듈 설치 방법

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


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


이 글을 공유하기

댓글(14)

  • 2017.01.08 02:01

    비밀댓글입니다

    • 2017.01.08 02:37 신고

      맞습니다. 추가설명글을 더 달아야 겠군요. 지금 저도 진즉에 숨겨지지 않는 모드로 다시 돌려놨거든요 ㅋ

  • 2017.01.08 02:38 신고

    답변 감사합니다. 늘 좋은글 잘보고있습니다.

  • 2017.01.30 04:24 신고

    흠. 다 잘따라왔는데, fastboot 사이드바 애드센스 광고만 안되네요.
    뭐가 문제인지..한참 헤매는중이요 ㅠㅠ

    텐핑광고모듈은 잘달았는데
    애드센스모듈은 안되네요ㅠㅠ.. 달리지가않아요.
    하얀 빈박스가 나오는게 아니고, 아예 빈 공간 자체가 생기질않아요.
    힝 ㅠㅠ

    • 2017.01.30 14:04 신고

      음...텐핑광고랑 게시하는 방식은 같습니다. 다시한번 잘 해보시면 될 것 같아요.

    • 2017.01.30 14:56 신고

      흠..ㅠㅠ

      모바일버전이나 PC버전 공통적으로

      특정 게시판을 눌러 게시글 '목록'이 노출될때에는 사이드바애드센스광고가 정상적으로 노출되고

      특정 게시물을 눌러 게시글 '본문'이 노출될때에는 사이드바 애드센스 광고가
      안나오네요. 빈공간으로 뜨는게 아니라, 아예 소스코드를 넣지않은 듯이
      공간자체가 생성되지않고 'Adsense'라는 제목만 나옵니다 ㅠㅠ

      뭔가 꼬였나바요..

    • 2017.01.30 15:23 신고

      지금 이 본문대로 하지 마시고요, 이건 숨기기 기능을 넣은건데, 이제 광고갯수제한이 풀렸으니 그냥 가공하지 마시고 텐핑 넣으신것처럼 하심 됩니다. 혹시모르니 관련글 방금 추가했어요. 한번 보세요~

  • 2017.01.30 21:48 신고

    여기서, 비동기로 해놓으라고 하셧는데,

    사이드바에 넣으신 광고가, 반응형 광고가 아닌가요?

    현재 광고생성에서, 반응형 광고로 되어잇는것은
    동기 비동기 설정이 안되더라구요.

  • 2017.02.08 00:05 신고

    300 x 600
    큰 스카이스크래퍼 로 광고유형을 만들어서, 똑같이 따라했지만, 광고 배너가 우측에 조금 짤려서 나오는데 구글 정책에 문제 없을까요?.. 제거하고 반응형으로 다시 제작해야 할까요?

Designed by JB FACTORY