본문 바로가기

블로그

티스토리 서식과 애드센스 코드 생성 - 사용법(2/2)


캡처를 많이 해서 2번에 나눠 작성하고 있습니다.

계속 이어 가겠습니다.



티스토리에 삽입할 서식과 애드센스 코드 생성


5. 애드센스 코드(자바스크립트) 저장

앞에서 생성된 자바스크립트 파일
 ( AdsenseTop.js/AdsenseMiddle.js/AdsenseBottom.js googleAdsense.js [/ googleAnalytics.js ] )을 저장합니다.




메모장을 열어 ( [시작] -> 실행 -> "notepad" 입력 ) 자바스크립트 파일을 복사하여 붙여 넣습니다.




파일 이름은 정확히 입력하세요.


6. 티스토리에 자바스크립트 파일을 업로드 합니다.

 - HTML/CSS 편집 -> 파일업로드 에서 그림과 같이 업로드 하시면 됩니다.






구글 웹로그를 사용하신다면 googleAnalytics.js 도 업로드 합니다.



7. 업로드한 자바스크립트 주소 확인


서식을 만들기 전에 앞에서 업로드한 자바스크립트 파일의 위치를 확인해야 합니다.

업로드한 자바스크립트 파일을 선택후 [마우스 오른쪽 버튼 클릭 -> 속성클릭] 합니다.




선택한 주소(자바스크립트 파일명 앞까지)를 확인합니다.


8. 서식만들기


- 서식을 만들면 글쓰기할 때 편리하게 광고를 삽입할 수 있습니다.

- 서식 만들기와 사용은 다음 링크를 참고 하세요.


앞(4. 서식과 애드센스 코드 생성)에서 생성한 서식 내용을 글쓰기에서 붙여 넣습니다.
URL 부분을 앞(7. 업로드한 자바스크립트 주소 확인)에서 확인한 주소로 변경하고 저장합니다.





사용 예>

현재 이 블로그의 모든 글이 위와 같은 방식으로 생성된 서식과 애드센스 코드를 사용하고 있습니다.

PC 버전은 336x280은 글 상,중,하에 1개씩 / 모바일은 320x50을 글 상단, 그외는 300x250을 글 중간과 하단에

애드센스를 배치하고 있습니다.


더 많은 사용 예는 아래 2개의 글을 확인하세요.




20130725

업로드해야하는 자바스크립트 파일을 1개로 줄였고

광고영역이라는 문구를 제거하여(대신에 빨간색 border로 광고영역 표시)

모바일 글목록에서 표시되던 광고영역 문구를 제거.