티스토리 모바일 (7) 썸네일형 리스트형 티스토리 서식과 애드센스 코드 생성 - 사용법(2/2) 캡처를 많이 해서 2번에 나눠 작성하고 있습니다. 2013/07/23 - [블로그] - 티스토리 서식과 애드센스 코드 생성 - 사용법(1/2) 계속 이어 가겠습니다. 티스토리에 삽입할 서식과 애드센스 코드 생성 5. 애드센스 코드(자바스크립트) 저장 - 앞에서 생성된 자바스크립트 파일 ( AdsenseTop.js/AdsenseMiddle.js/AdsenseBottom.js googleAdsense.js [/ googleAnalytics.js ] )을 저장합니다. 메모장을 열어 ( [시작] -> 실행 -> "notepad" 입력 ) 자바스크립트 파일을 복사하여 붙여 넣습니다. 파일 이름은 정확히 입력하세요. 6. 티스토리에 자바스크립트 파일을 업로드 합니다. - HTML/CSS 편집 -> 파일업로드 에서 .. 티스토리 서식과 애드센스 코드 생성 - 사용법(1/2) 간단하게 생각했던 일이 커졌습니다. 몇번 테스트를 했고... 문제가 없어 지금까지 작성한 모든 글에도 반영을 했습니다. 이 글은 2013/07/14 - [블로그] - 티스토리에 삽입할 애드센스 코드 생성하기 의 사용법을 소개합니다. 캡처가 많습니다. 기본적인 내용은 이전에 작성한 글을 참고 하시기 바랍니다. 2013/06/04 - [블로그] - 티스토리 모바일에 광고 넣기 2013/06/06 - [블로그] - 티스토리 모바일에 광고 넣기... javascript 이용 2013/06/07 - [블로그] - 티스토리 첫화면에 광고 넣기 티스토리에 삽입할 서식과 애드센스 코드 생성 0. 2013/07/14 - [블로그] - 티스토리에 삽입할 애드센스 코드 생성하기 에 접속합니다. 1. google_ad_cli.. 티스토리에 삽입할 애드센스 코드와 서식 생성하기 블로톡( http://cafe.naver.com/blogblogcokr )을 보다보면 티스토리 모바일 버전에서 광고를 넣고 싶은데... 고생하시는 분들을 종종 볼 수 있다. 그래서 한번 만들어 봤다. 광고 크기와 배치도 변경하고... 프로그램도 테스트할 겸...지금 이 글도 아래 프로그램을 이용해서 만든 서식과 광고 코드를 사용하고 있다. cafe24에서 저~렴한 호스팅을 이용하고 있어 트래픽이 많으면... 그건 그때가서 고민하자. 자세한 사용방법은 나중에 올리기로 하고... 기본은 기존에 작성했던 글을 바탕으로 하고 있다. 2013/06/04 - [블로그] - 티스토리 모바일에 광고 넣기 2013/06/05 - [블로그] - 티스토리 모바일에 광고 넣기... 서식활용 2013/06/06 - [블로그] .. 티스토리 첫화면에 광고 넣기 티스토리 첫화면은 티에디션이나 태터데스크(첫페이지 만들기) 등을 통해 꾸밀 수 있습니다. (한달도 안되는 동안 사용하면서 확인한 거라 정확하지 않을 수 있습니다.) 티에디션은 자신이 작성한 글 몇개를 한 화면에 모아서 발행(?)하는 개념입니다. 그래서.. 저는 며칠 이용하다가 접었습니다. 대신에 태터데스크(첫페이지 만들기)는 몇개 글을 고정으로 배치할 수도 있고 최신글을 불러 올 수도 있습니다. 그리고 무엇보다 html 코드 등을 임의로 넣을 수 있어 애드센스 같은 광고 등을 배치하기에도 좋습니다. 티스토리 첫화면에 애드센스 달기 - [1] 플러그인 설정 우선 태터데스크(첫페이지 만들기)를 사용하기 위해서는 플러그인 설정에서 다음과 같이 태터데스크(첫페이지 만들기)를 선택합니다. 티스토리 첫화면에 애드센.. 티스토리 모바일에 광고 넣기... javascript 이용 어쩌다보니... 간단한 내용이 길어졌습니다. 대략적인 내용은 앞에서 설명했고 오늘은 제가 사용하고 있는 자바스크립트 내용만 적겠습니다. 2013/06/05 - [블로그] - 티스토리 모바일에 광고 넣기... 서식활용 2013/06/04 - [블로그] - 티스토리 모바일에 광고 넣기 AdsenseTop.js (function() { document.getElementById('google-ad-top').style.border = 'none'; // 글쓰기에서 표시했던 border를 제거합니다. var currentM = location.href.split("/")[3]; if ( currentM === 'm' ) { document.writeln(''); document.writeln(''); docum.. 티스토리 모바일에 광고 넣기... 서식활용 어제 티스토리 모바일에 광고 넣기에 이어, 오늘은 내가 사용하는 방식을 소개합니다. 서식만들기 (내가 사용하는 서식입니다.) 가운데 영역은 나중에 자바스크립트로 PC 버전에서는 감출 것입니다. 서식만들기 동영상 붙여넣기 한 내용은 아래와 같습니다. 여기에 글쓰기 여기에 글쓰기 id 값은 javascript에서 border: 1px solid #000 를 제거하기 위해 사용합니다. border: 1px solid #000 가 없으면 글 작성시 어디까지가 광고가 나올 영역인지 구분이 안돼 종종 광고 나올 영역을 제거하게 됩니다. URL/ 은 南無님 글 처럼 티스토리에 upload하여 그 주소를 사용해도 되고 저처럼 별도의 서버에 upload하여 그 주소를 사용해도 됩니다. 밤이 늦어 AdsenseTop.js.. 티스토리 모바일에 광고 넣기 블로그 스킨을 이용하여 애드센스를 넣게 되면 모바일 버전에서는 광고가 노출이 안된다. 또한, 로그 분석 스크립트도 블로그 스킨에 넣게 되면 모바일 버전으로 접속하는 경우는 통계에 잡히지 않는다.(아마도... 확인하지는 않았다.) 그래서 어떻게 하면 모바일 버전에서도 광고가 노출되고 로그 분석 통계에도 잡힐까 고민하며 검색을 하다 南無의 시사공작소에서 관련된 내용을 찾았다. 南無님은 관련 자바스크립트 파일을 티스토리 서버에 upload 하여 이용하고 있었다. 이렇게 하다보니... 약간의 문제가 생겼다. 자바스크립트 내용이 변경될 때마다 티스토리에 다시 upload 해야 한다. 이때 upload 된 위치가 변경이 된다면 기존에 작성한 글을 모두 수정해야 한다. (실제로 upload된 위치가 변경되는지는 확인.. 이전 1 다음
