Loading
2016. 2. 25. 13:39 - Tech story

애드센스 반응형스킨 티스토리 플러그인 설정방법

티스토리에서 애드센스 플러그인을 새롭게 공개했습니다. 반응형 스킨을 사용하고 있는 티스토리블로그에서 보다 쉽게 애드센스 코드를 삽입할수 있게 해주는 플러그인입니다. 


반응형스킨? 반응형스킨이란 모바일,PC등 접속기기에 따라서 자동으로 최적화된 화면을 보여주는 티스토리 스킨을 의미합니다. 



애드센스 반응형스킨 티스토리 플러그인을 설정하기 위해서는 애드센스코드도 반응형으로 설정하셔야 합니다. 그래야 접속기기에 따라서 애드센스 광고사이즈도 자동으로 반응하여 조절되게 됩니다. 




관리자메뉴로 들어가서 플러그인 설정항목을 클릭하면 가장 상단에 google adsense (반응형) 이라고 되어 있는 플러그인이 보이실것입니다.  설정을 눌러 설정 창을 띄웁니다. 




광고타입 설정은 상단 1개,하단 1개 또는 상하단 각 1개 로 설정할수 있는데 저는 상하단 1개로 설정하여 각각 미리준비한 반응형 애드센스코드를 입력해주었습니다. 


기본적으로 반응형스킨 자체적으로 애드센스를 삽입하게 할수 있도록 해주는 경우가 대부분인데 현재 techstory에서 사용하는 반응형 스킨역시 소스코드에 애드센스코드를 넣을수 있도록 해주는 부분이 있습니다. 기존의 경우와 티스토리에서 제공하는 반응형 애드센스 플러그인을 사용했을경우의 광고위치를 비교해보도록 하겠습니다. 




좌측이 기존스킨 소스코드에 애드센스를 삽입했을 경우이고 오른쪽이 이번에 새롭게 나온 티스토리 반응형 애드센스플러그인을 사용한 경우입니다. 


상단은 제목하단에 들어가게 되어 변화가 없지만 하단의 경우는 위치가 바뀐것을 확인하실수 있습니다. 기존 소스코드에 삽입한 경우는 다른 카테고리 링크 하단에 들어갔는데 플러그인을 사용하난 다른카테고리글 목록 상단에 위치해 있습니다. 


이상으로 반응형 애드센스 티스토리 플러그인 설정방법과 적용결과를 소개해드렸습니다.