[구글드라이브] 스프레드시트차트로 본 홈페이지 방문자 요일별 트래픽 통계

2012. 12. 6. 15:29구글강좌


[구글드라이브] 스프레드시트차트로 본 홈페이지 방문자 요일별 트래픽 통계


    웹호스팅이나 서버호스팅을 통해 블로그나 홈페이지를 운영하다보면 가장 고민이 되는 것이 있다면 바로 트래픽에 대한 고민이 아닐수 없다. 이러한 트래픽현황을 스트레드시트로 도식화하여 보면 보다 효과적인 분석이 가능해 진다. 이를 활용하면 학교나 기업에서 클라우드기반의 프리젠테이션시 효과적인 진행이 이루어질 수 있다.





    종이로된 회의자료들을 가시적으로 보여줄 수 있는 차트를 이용하는 방법에 대해 살펴본다.



1. 스프레드시트에 요일별 데이터와 조회수, 전송량에 대해 스프레드파일로 작성한다. 



요일

읽은 페이지

조회수

전송량

17145.50

194967

34.86 GB

16070.75

189302

40.91 GB

16335.75

189213.75

56.32 GB

17901.50

194840.75

82.83 GB

16538.60

182445

67.06 GB

12966.40

136872

47.69 GB

11716

132921.75

26.71 GB





2. 데이터를 입력후 차트로 만들 데이터 범위를 드래그하여 선택한다. 선택후 삽입메뉴에서 차트메뉴를 클릭한다.








3. 차트편집기 시작창에서는 추천차트가 제시되지만 사용자의 취양이나 내용에 따라 변경가능하다. 시작옆에 있는 차트을 클릭하여 선택할 수 있다.






4. 차트설정후 맞춤설정탭을 통해 차트제목, 범례위치등 차트관련 옵션을 수정할 수 있다.






5. 스트레드시트에 차트를 삽입한다. 





6. 차트을 수정하고자 할 경우에는 차트옵션 버튼(역삼각형)버튼을 클릭하면 차트수정, 삭제, 게시등의 기능을 실행할 수 있다. 








7. 차트를 웹에 기시하기 위해서는 차트 게시메뉴를 클릭한다. 




8. 차트게시창에 html소스가 표시되면 모두 선택하여 복사한 후 완료버튼을 클릭한다.




<script type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js"> {"dataSourceUrl":"//docs.google.com/a/leedonghyun.com/spreadsheet/tq?key=0AmedVmBjbHobdGNFUV95ZVdiU1VzdnJJdUpfcm5zdWc&transpose=0&headers=1&range=A5%3AD12&gid=0&pub=1","options":{"vAxes":[{"title":"\uc694\uc77c\ubcc4","useFormatFromData":true,"minValue":null,"viewWindowMode":null,"viewWindow":null,"maxValue":null},{"useFormatFromData":true}],"titleTextStyle":{"bold":true,"color":"#000","fontSize":16},"title":"\uad6c\uae00\ub7ec \ubc29\ubb38\uc790 \uc694\uc77c\ubcc4 \ud2b8\ub798\ud53d\ud1b5\uacc4","booleanRole":"certainty","fontName":"Arial black","animation":{"duration":500},"backgroundColor":{"fill":"#cccccc"},"legend":"right","hAxis":{"title":"\ud2b8\ub798\ud53d\ud604\ud669","useFormatFromData":true,"minValue":null,"viewWindow":{"min":null,"max":null},"logScale":false,"maxValue":null},"tooltip":{},"isStacked":false,"width":1024,"height":463},"state":{},"view":{},"chartType":"BarChart","chartName":"\ucc28\ud2b8 1"} </script>







9. 복사한 소스를 블로그나 웹사이트에 html형식으로 작성하면 스프레드시트에서 제작한 차트가 웹에 게시된다.





스프레드시트 파일 보기 :


https://docs.google.com/spreadsheet/ccc?key=0AmedVmBjbHobdGNFUV95ZVdiU1VzdnJJdUpfcm5zdWc