일상적인 이야기/광고.수익.애드센스

티스토리 본문 오른쪽 광고 스크롤 따라다니게 하기

방구석 매니아 2018. 2. 27. 15:42
반응형


티스토리 본문 오른쪽 광고 스크롤 따라다니게 하기


안녕하세요 방구석 편집자에요 애드센스 승인이 나고 3일정도 지났는데

다른 광고 사이트보다 높은 금액이 잡히는군요.


아무리 대체 광고가 있다고 하지만 티스토리 블로그 포스팅의 광고중 최고봉은 역시 애드센스 인거 같습니다.

애드센스에 들어가시면 어떤 광고들이 수익이 높고 노출률이 높은지 자세하게 나와줍니다.






제 블로그에서 가장 수익이 높은건 상단 광고 2개중 왼쪽에 잡힌 광고가 가장 높았습니다..


모바일과 하단 중간 사이광고 사이드바 광고도 넣었지만 포스팅을 클릭하자 마자 보이는 상단의 광고는 역시 못이기는군요;;





기본에 티스토리(pc)로 접속하면 카테고리 옆 빈공간에 사이드 기다란 광고를 제가 넣어줬었는데요.

노출도가 생각보다 괜찮아서 좀 더 노출률을 높이기 위해 스크롤을 따라다니게 해보겠습니다.



저는 HTML을 배운지 별로 안되서 관련업종에 다니는 동생에게 물어보고 배웠습니다




HTML편집을 키시고 ctrl+F contaiver 

를 검색하시면 <div style= 에 작성된 구글 사이드광고나 보이실겁니다.

저는 fastboot를 사용하고 있습니다 


-제작자분 정말 감사합니다 잘쓰고 있습니다- 



해당 코드를 미리 메모장 같은 곳에 복사해두세요





이렇게 잘린다면 -값을 좀더 줘서 이동시키면 됩니다.




container에 적용했던 광고를 제거 해줍니다.

div style 에 [margin -right:] 요걸로 오른쪽 광고 위치를 조정했었는데요


스크롤 광고 말고 고정광고를 추가로 다신다면 이곳에도 광고 하나 넣어주시면 되겠습니다.





기존에 있던 광고 사이즈는 300x600 광고입니다.


container 값 말고 새로 하나 만들어줍니다


<div Style="position: fixed; right: 50px; top: 200px;">


이 값을 body 안에만 만들어주시면 됩니다 맨 윗측 메뉴를 건드리면 안되니까 

오른쪽 상단 3분의 1부근 쪽을 경계로 스크롤이 움직이게 어느정도 값을 잡아주시면 됩니다.


저같은 경우는 HTML 맨 아래에 줬습니다.




추가로 스크롤을 내릴때 약간 텀을 두고 슬로우(?) 같은 느낌을 주는 값인데요 으음.. 적용이 안되는듯 합니다.

나중에 동생이 알아보고 알려준다고 하니 동생이 알려주는 대로 추가하도록 하겠습니다.







적용된 사이드바 광고입니다 별다른 기존 광고와 다를바가 없어보이는데요







스크롤을 내려도 사이드 광고가 따라오게 됩니다


티스토리를 하게 되면서 HTML 공부를 안할수는 없게 되었습니다.

다행히도 친한 동생이 이쪽 관련 업계에서 일을 하고 있어서 어려운 것들은 역시.. 물어봐도 이해가 잘 안됩니다만

블로그를 꾸미거나 블로그에 찾아오시는 분들께 유익하고 간단한 것들은 알려드릴수 있을거 같습니다.


하나하나 조금이라도 도움이 될만한 것들 간단한 것이라도 찾아서 포스팅을 해보도록 하겠습니다.



반응형