본문으로 바로가기

안녕하세요. 오늘은 텀블러(tumblr) 모바일 및 PC 화면에서 

애드센스를 설치하는 방법에 대해서 알아보겠습니다.


애드센스를 가입 및 기타 설정 방법은

http://cocosoft.kr/search/%EC%95%A0%EB%93%9C%EC%84%BC%EC%8A%A4

을 참고하시면 많은 도움이 됩니다.


최근에 마이크로 사이트로 떠오르는 tumblr 누구나 손쉽게 사용 가능하고

몇 번의 클릭 만으로도 쉽게 자기만의 블로그를 운영 할 수 있어서 좋은 것 같습니다.

특히 사진이나 동영상 을 올리고 공유하는데 매우 편리합니다.


대쉬보드블로그가 구분 되어있어서

처음에는 생소 할 수 있으나 사용하다 보면 사이트 관리에 매우 편리함을 느끼게 됩니다.


완벽한 자유도는 아니지만 블로그 스킨에 html 수정을 제공해서

애드센스를 설치 할 수 있습니다. 그러나 모바일 페이지와는 별개로 분리 되어있어서

따로 모바일 페이지 설정해서 애드센스를 설치해줘야지 보이게 됩니다.


타 블로그에 나와있는 글은 상세히 설명이 나와있지 않더라구요.

그래서 초보자분들은 설치가 매우 어려울 것이라 생각되어서 

누구나 쉽게 따라할 수 있게 직접 포스팅을 작성해 보았습니다.


우선 텀블러 가입후 블로그 생성 한 다음 테마 편집에 들어가 줘야합니다.


테마 편집에 들어가는 방법은 2가지가 있으며,

[대쉬보드]에서 [블로그 스타일 편집] 그리고 [테마편집] 을 선택하거나


또는 로그인 상태에서 텀블러 주소에서 우측 상단 [테마 편집]을 클릭 하면 됩니다.



아마 텀블러를 가장 처음 개설하면 자동으로

옵티카 테마가 선택되어집니다.

마이크로 블로그를 가장 잘 표현했고, 가장 심플하며 마이크로 포스팅의 효율을 극대화 할 수 있습니다.



그래서 옵티카(Optica) 테마를 기준으로 설명하겠습니다.


[테마 편집]에 들어가면 좌측 상단 HTML 편집이 보입니다.



그럼 아래와 같이 HTML 편집이 가능하게 됩니다.

여기서 꼭 아래 html 코드를 전체를 복사해서 메모장에 백업(복붙)을 해두셔야합니다. 이게 첫 번째 작업



이런식으로 백업을 해놓으면 됩니다.



자 이제 그럼 모바일 페이지를 만들어 볼 겁니다.

따로 모바일 페이지를 지정을 해줘야지 모바일에서도 애드센스가 정상적으로 작동이 됩니다.




이제 테마 편집 하단을 보시면 페이지 추가가 있습니다.


그러면 새롭게 페이지를 추가 할 수있는데

사용자 지정 레이아웃으로 변경 해주고

주소는 뒤에 꼭 iphone-theme 으로 적어야합니다.

그리고 그 밑 빈공간을 클릭해 백업해둔 html 코드를 붙혀넣기 해줍니다.


업데이트 미리 보기를 하면 오른쪽과 같이 나타나지만 정상적으로 된 것입니다.

저장을 하면 정상적으로 표시가 됩니다. 그리고 나와주면 됩니다.

이 페이지 링크 보기가 비활성화 되면 뒤에 주소는 표시되지 않으므로 신경 안 쓰셔도 됩니다.




그리고 나서 고급 설정에 들어가서



기본 모바일 테마 사용을 On 으로 활성화 시켜주고


페이지당 포스트 수는 10으로 되어있는데 1로 고쳐줍니다.(권장)

이건 애드센스 아래서 자세히 설명하겠습니다.




자 이제 애드센스를 부착 해보겠습니다. 


제가 가장 권장하는 곳입니다.


애드센스를 설치할 때 항상 팁은

본인 애드센스 코드

애드센스 코드 양쪽으로 처음과 끝은 꼭 가운데 정렬을 해주시면 좋습니다.

반응형 웹이기 때문에 자동으로 위치가 이동됩니다.

우선 PC화면 부터 설치하겠습니다. html 편집을 열어서




/header 가 두 군데 있는데 첫 번째 밑 /div 아래에 코드를 삽입 해주시면 됩니다.

PC용으로 728 x 90 사이즈를 설치 했습니다.


두 번째 설치할 곳은

<footer id="footer"

이라고 검색하면 한 곳이 나오는데 그 위를 설치해 주면 됩니다.




모바일 iphone-theme 에서도

위와 같이 똑같은 위치에 모바일용 애드센스를 설치해주시면

모바일 페이지에서도 애드센스를 확인 할 수있습니다.

개인적으로 250x 250 사이즈를 권장합니다.


자 이제 확인을 해보시면 정상적으로 위아래 설치 되어 있는게 보입니다.


http://cocosoftkr.tumblr.com


< PC화면 >



<모바일 화면>



마지막 팁입니다.

아까 왜 제가 페이지당 포스팅 수를 1개로 하라고 했냐면,

애드센스 정책 위배가 될 수도 있기 때문입니다. 

포스팅 개수를 여러개로 하고 무한 스크롤링을 걸어 버리면,


 


무한 스크롤링의 경우 잘못하면 플로팅 광고( 따라다니는 광고 ) 처럼 잡힐 가능성이 있어서

아예 사이드에 고정을 시키거나 해야지, 무한 스크롤링을 할 경우에는 계속 따라 내려가서

정책 위반이 될 수도 있습니다.

항상 애드센스 광고는 정책을 잘 확인하고 설치 해야합니다.


그럼 다들 텀블러를 잘 사용하시길 바라겠습니다.


댓글을 달아 주세요

  1. BlogIcon 글쓰는 개발자 2016.06.15 23:24 신고

    안녕하세요~ 게시글 잘보았습니다. 다만 잘못 서술된 부분이 있지 않나해서 댓글드려봅니다.
    고급 - 기본 모바일 테마 사용을 비활성화 시켜야하는것 아닌지요? 활성화 상태에선 광고가 전혀 뜨지 않고 전면 페이지 광고또한 적용이 불가능하다고 뜨는데 비활성화시키니 모바일, PC에서 전부 광고가 제대로 활성화되어있네요~

  2. 쏘쏘 2016.07.11 18:39

    똑같이따라했는데 광고가 나오지 않는 이유는 뭘까요? ㅠㅠ

  3. 쏘쏘 2016.07.11 18:42

    아~ 다시 로그인해서 들어가니깐 잘뜨네요~ 감사합니다~ ^^

  4. 제이오캐드디자인학원 2019.05.17 19:34

    감사합니다.