본문 바로가기

블로그

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


간단하게 생각했던 일이 커졌습니다.
몇번 테스트를 했고...
문제가 없어 지금까지 작성한 모든 글에도 반영을 했습니다.


캡처가 많습니다.
기본적인 내용은 이전에 작성한 글을 참고 하시기 바랍니다.



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



1. google_ad_client 입력




2. 애드센스 ID (google_ad_slot) 입력


 - PC와 모바일에서 각각 어떻게 배치할 지 고민 후에 애드센스에서 광고를 생성합니다.

 - 원하는 위치에 각 광고 ID를 입력하고 원하는 크기를 선택합니다.

 - 여기서는

   PC 버전상단에 336x280 2개를 나란히, 하단에는 468x60 1개

   모바일에서는 상단에 320x50 1개, 글 중간과 하단에는 300x250 1개씩 배치하도록 하겠습니다.

 - 애드센스 정책에 위반되지 않으려면 모바일 상단에는 320x50을 사용하세요.



PC 버전을 선택하면 대략적인 광고 위치를 그림으로 표시하고 있습니다.




PC 버전에서는 글 중간에 광고를 넣지 않고 있습니다.

이렇게 상단과 하단만 선택할 수도 있습니다.



PC버전에서 하단은 중앙에만 배치하도록 했습니다.

하단을 좌, 우로 배치할 경우 쓸 때 없는 여백이 생겨서 그렇습니다.



3. 로그분석(구글 Analytics) 삽입


 - 로그 분석은 티스토리 스킨에 넣을 수도 있으나 그렇게 되면 모바일 버전으로 접근시 분석할 수 없습니다.

 - 꼭 구글 웹로그 분석을 사용하지 않아도 됩니다. 다른 로그 분석 스크립트를 삽입해도 될겁니다.

 - 로그 분석을 사용하지 않는다면 이 부분은 입력하지 않아도 됩니다.





4. 서식과 애드센스 코드 생성






캡처한 이미지가 많아 길어지고 있습니다.

2번에 나눠서 가겠습니다.







20130725

3개로 나눴던 자바스크립트 파일을 1개로 줄였습니다.

광고영역이라는 문구가 모바일 버전 글목록에서 표시가 되어 삭제했습니다.