[gastudy.net] html문서에 코드심기_업로드용

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


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>



GASTUDY

기타서비스 들에구글 분석툴 삽입하기

유의 사항

관리 메뉴 => 설정 보기 메뉴

실제 서비스 주소와 GA에 등록된 웹사이트 URL이 같아야 한다.

티스토리

관리페이지 => 꾸미기 메뉴 => HTML/CSS 편집

요 부분 쯤에 삽입

GASTUDY

유사서비스 및기타 추천서비스

네이버 분석 도구

http://analytics.naver.com/

네이버 분석 도구

Google Custom Search

https://www.google.com/cse/all

[gastudy.net] html문서에 코드심기_업로드용

Data & Analytics