Post on 14-Aug-2015
GASTUDY.NET
HTML 문서에GA 코드심기
메리크리스마스[웹툰인사이트]
들어가며
구글분석 도구를본다는 것은서비스의상태를 본다는것입니다
목차
1. HTML 이란
2. GA 코드심기
3. 기타서비스들에 구글분석 툴 삽입하기
4. 유사서비스및 기타
GASTUDY
HTML 이란
HTML 기본 문법
1. 열면 닫는다<study></study>
2. 깂(value)는 중간에<study> value </study>
3. 설정은 열때<study option=“웹툰전문 웹진”> 웹툰인사이트</study>
(예시)<a href=“http://www.gastudy.net/”>GA STUDY 공부하러 가기</a>
브라우저로 본 모습
HTML 기본 문법
HEAD
BODY
FOOTER
HTML
HTML 기본 문법
<head> </head>
<body> </body>
<footer> </footer>
<html> </html>
HTML 기본 문법
<head> • 페이지의 설정 정보들• Meta Tag 정보들• CSS 파일 불러오기• JS 호출하기</head>
<body>• 페이지의 컨텐츠들• 이미지, 동영상, 글등등</body>
<footer> • 라이선스 정책• 저작권 표시• 연락처 표시 등</footer>
<html> </html>
HTML 기본 문법
<head>
</head>
<body> </body>
<footer>
</footer>
<html>
</html>
GA 코드가심어지는일반적인위치 1
GA 코드가심어지는일반적인위치 2
GASTUDY
GA 코드 심기
Google Analytics 접속 하기
http://www.google.com/analytics/index.html
로그인
Google Analytics 코드 얻기
관리 메뉴 => 추척 정보 메뉴 => 추적 코드 메뉴
추적 코드를 HTML 문서에 삽입하면 해결
HTML 기본 문법
<head>
<script>(function(i,s,o,g,r,a,m){})();ga('', 'auto');ga('send', 'pageview');
</script>
</head>
<body>
<script>(function(i,s,o,g,r,a,m){})();ga('', 'auto');ga('send', 'pageview');
</script>
</body>
<footer>
</footer>최근에는 SD 캐릭터가 대세인가
<html>
</html>
GA 코드가심어지는일반적인위치 1
GA 코드가심어지는일반적인위치 2
GASTUDY
기타서비스 들에구글 분석툴 삽입하기
유의 사항
관리 메뉴 => 설정 보기 메뉴
실제 서비스 주소와 GA에 등록된 웹사이트 URL이 같아야 한다.
티스토리
관리페이지 => 꾸미기 메뉴 => HTML/CSS 편집
요 부분 쯤에 삽입
GASTUDY
유사서비스 및기타 추천서비스
네이버 분석 도구
http://analytics.naver.com/
네이버 분석 도구
Google Custom Search
https://www.google.com/cse/all