본문 바로가기

티스토리

[팁]모바일 티스토리 하단에 고정된 광고(구글 애드센스) 넣기~!

반응형


오랜만에 티스토리 팁을 등록합니다.

최근 적용하게 된 팁인데요..모바일 티스토리에 애드센스 많이들 넣으시죠?

보통 상,하단으로 본문에 넣으시더군요. 저도 그렇게 사용해 왔었구요..

그러다 스크롤을 내려도 하단에 고정시키는 방법이 있을것 같고, 가능할것 같아서

시도해 보았습니다. 역시나 잘 적용이 되더군요~!

기본적으로 저는 포스팅할때  애드센스 적용시 서식을 이용합니다. 간편하니깐요..

서식사용을 기본으로 간단하게 설명 드리겠습니다.

우선 어떻게 보여지는지 이미지부터 보시죠.(이 글을 스마트폰으로 보시면 직접 확인가능!)

이건 일반적으로 본문 상단에 삽입되어 있는 구글 애드센스 입니다.

이건 스크롤바를 내려도 하단에 고정되어 있는 구글 애드센스 입니다.

더 내려 볼까요? 고정되어 있죠?

자 그럼 소스를 알려 드리겠습니다..간단하고 쉽습니다...

아래 소스를 본인의 광고코드를 수정하시고 적용하시면 됩니다.


 

<DIV style="HEIGHT: 50px; RIGHT: 0px; POSITION: fixed; MARGIN-LEFT: -8px; Z-INDEX: 1; MARGIN-TOP: -30px; WIDTH: 320px; BOTTOM: 0px">

<!--본인광고 스크립트--->


</DIV>

 

모바일용 구글광고플러그인용 플로팅

포스팅 본문에 html 모드로 삽입해주면 됩니다.

<style>
.adsbygoogle{HEIGHT: 100px; RIGHT: 20px; POSITION: fixed; MARGIN-LEFT: -8px; Z-INDEX: 1; MARGIN-TOP: -30px; WIDTH: 320px; BOTTOM: 0px}
</style>


이상입니다.

반응형
  • Favicon of http://osej.co.kr BlogIcon 어세즈 2013.04.03 15:18

    감사합니다~ 궁금한게 있는데요.
    구글이 일반적으론 플로팅을 싫어하잖아요?
    그런데 모바일에는 적용해도 괜찮을까요?

    • Favicon of https://suldo.com BlogIcon 술도 2013.04.03 20:32 신고

      정책상으론 플로팅은 정책위반입니다만..
      과도하지만 않으면 구글에서도 크게 제재를 하지 않는것 같네요..
      예) 플로팅으로 띄운 광고가 화면을 다 채워버린다던가...하는..
      하지만 위반은 위반입니다.

  • Favicon of https://npcs4511.tistory.com BlogIcon 후니수니 2014.10.29 10:43 신고

    정말 좋은 정보 잘 봤습니다.
    한가지 궁금한 내용이 있는데요,
    소스를 어디에 적용해야하는지 몰라서 물어봅니다.
    티스토리 블로그 플러그인에서 관리 및 통계 부분 구글 애드센스 모바일용에서 소스를 삽입해야 하는지?
    아님, HTML/CSS 편집 부분에 소스를 삽입해야 하는지 궁금합니다.

    티스토리 블로그 플러그인에서 관리 및 통계 부분 구글 애드센스 모바일용에서 소스가 삽입되지 않는 것 같아서요.. ㅠㅠㅠ

    좀 더 정확하게 알려 주시면 안될까요?
    답변 부탁 드립니다.

    • Favicon of https://suldo.com BlogIcon 술도 2014.10.29 10:47 신고

      이팁은 플러그인이나 html편집으로는 적용이 안됩니다. 그래서 글쓰기할때 html모드로 포스팅할때마다 넣어줘야 하는 번거로움이 있습니다..최근에 애드센스를 모바일용에 자동으로 넣어주는 플러그인이 생긴걸로 아는데 플러그인으로 적용된 플로팅 부분은 테스트해보지 않아서 잘 모르겠네요. 오늘 한번 테스트 해보고 알려드릴게요.

    • Favicon of https://npcs4511.tistory.com BlogIcon 후니수니 2014.10.29 11:21 신고

      정말 감사합니다.^^
      이해되었습니다.

  • Favicon of https://itfix.tistory.com BlogIcon it-Fix 2019.01.31 06:49 신고

    혹시 모바일 상단에도 저런식으로 고정시키는 코드도 알고 계시다면 공유가 가능한지요?
    적용하고 계신분들이 많던데 소스정보는 공개된게 적어서 모르겠어요.