본문 바로가기

카테고리 없음

티스토리 반응형 스킨 및 반응형 애스센스 적용

티스토리 반응형 스킨 선택 및 구글 애드센스 반응형 적용하기

블로그를 만든 사람들은 스킨을 선택하기가 꽤 까다롭습니다.

자신이 필요로 하는 목적에 따라 스킨을 선택해야 하는데, 현재 티스토리 반응형 스킨은 11종을 제공하고 있네요.

 

반응형 스킨을 적용하기 위해서는 관리자 모드에서 꾸미기>스킨 카테고리를 선택하여 줍니다.

 

 

반응형 스킨을 선택하기 위해서 여러가지 미리보기를 해봤는데, 저한테는 반응형 스킨이 Flatinum이 가장 잘 맞는 것 같더군요.

사이드바가 필요해서 플러그인에서 HTML 위젯이 지원되는 반응형 스킨이 필요했거든요.

 

 

혹시 이 반응형 스킨의 특징이 필요하신 분을 위해서 캡처를 해뒀습니다.

 

 

이제 반응형 애드센스를 블로그에 적용시켜보도록 하겠습니다.

구글 애드센스 계정이 있다는 가정하에 포스팅을 이어나가겠습니다.

 

 

새 광고 단위를 클릭합니다.

그러면 다음과 같은 반응형 광고단위들이 등장합니다.

 

 

저는 반응형 자동크기를 상단과 하단 플러그인에 삽입할 예정입니다.

각기 하나씩 만들어줍니다.

 



 

반응형 스킨이 편리하네요.

반응형 스킨이 아닌 경우에는 PC용 애드센스와 모바일용 애드센스를 따로 만들어서 사용했어야 했거든요.

 

빨간색 블라인드처리 부분 구글 애드센스 상단 광고

 

자동크기 반응형은 PC나 태블릿 PC, 혹은 스마트폰 등 접속환경에 따라 자동변화 되어 최적화된 광고가 송출됩니다.

스마트폰으로 접속을 해봤더니 사진처럼 잘 송출되고 있네요.

 

 

플러그인에서 구글애드센스 반응형을 선택후 상단광고코드를 넣어주고,하단광고코드를 각기 따로 넣어주면 끝!

새로 만든 블로그에 구글애드센스가 적용되기 위해서는 약간의 시간이 필요합니다.