반응형
Google Analytics 4 (GA4) 추적 코드 삽입 예시 (gtag.js)
gtag.js 추 <head> 태그사용자 활동을 추적하고간격 을 분석하다
아래는 GA4 추적코드를 메달 삽입 하는 예시입니다
1. GA4 추적코드 삽입 예시
먼저, Google Analytics 4에 gtag.js추적 G-XXXXXXX부분귀하의 Google Analytics 추적 ID로 해야 합니다.
HTML
<! DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>웹사이트 제목 </title> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script> <script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXX'); <!-- 여기서 G-XXXXXXX는 본인의 GA4 추적 ID로 변경 --> </script> <!-- 기타 메타 태그나 스타일 시트 링크 등도 여기에 추가 가능 --> </head> <body>
<!-- 웹사이트 콘텐츠 -->
</body>
</html>
2. 코드 설명
-
- 이 코드 줄은 gtag.js 라이브러리 를버전 에서 불G-XXXXXXX구조물귀하의 GA4 추적 ID 로
- 이 코드가 페이지가 읽히면
- window.dataLayer = window.dataLayer || [];
- 이 줄은 **데이터 레이어(dataLayer)**를 호출하는 코드입니다. 구글 태그 관리자 또는 **GGoogle 애널리틱스 에
- gtag('js', new Date());
- 이 코드는 Google Analytics 추적입니다 .
- gtag('config', 'G-XXXXXXX');
- 이 줄은 Google Analytics 4 에 추적 ID 를 설정합니다.G-XXXXXXX둥글게 **자신자신의 Google Analytics 추적 ID를 변경해야 합니다.
3. 코드 삽입 위치
- 이 추적 코드는 웹사이트의 <head>태그 안에 삽입 되어야 합니다. 페이지가 로드될 때 자동으로 GA4 코드가 실행되어 사용자의 행동을 추적합니다.
- 주의 :<head>현지가장 먼저 실행하는 것입니다 .
4. GA4 추적 ID 찾는 방법
- Google Analytics 계정 에 로그인 후, 관리(Admin)모션 클릭
- **속성(Property)**에서 추적 정보(Tracking Info) →
- 여기서 G-XXXXXXX형gtag.js 코드 에
5. 확인 방법
- 추적 코드가 웹사이트에 올림픽 삽입 스티커Google Analytics 대시보드에서 웹사이트의 **실앞으로 나아갈 수 있습니다
- Google Tag Assistant 와 같은 도구를테스트 를 할 수 있습니다.
구성
같이 GA4의 gtag.js 추적을 코드로 웹 <head> 태그사용자 추적하고 있어요 *웹사이트의 데이터를 수집할 수 있습니다. ID를 찾는 Google Analytics에서 결과를 확인해 보세요!
반응형
'코딩 및 개발언어(웹, 앱, 블록체인)' 카테고리의 다른 글
| 🔥 최저가 & 빠른 배송! 쇼핑몰 SEO 최적화 전략 (0) | 2025.02.18 |
|---|---|
| Ads.txt 파일 설정 (0) | 2025.02.17 |
| Cloudflare 기본 설정 (0) | 2025.02.17 |