lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

webIntroHtmlChapter4Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter3Title

# 구글 애널리틱스(Google Analytics) 등록

`Google Analytics`는 웹사이트의 방문자, 페이지 뷰, 사용자 행동 등 다양한 데이터를 수집하고 분석해주는 서비스입니다.

웹사이트 운영자는 이 정보를 활용하여 웹사이트를 방문자 데이터를 분석하고, 서비스를 개선할 수 있습니다.

마치 슈퍼마켓에서 어떤 상품이 잘 팔리는지 확인하는 것처럼, 웹사이트에서 어떤 페이지가 인기 있는지, 어떤 경로로 방문자가 들어오는지 확인할 수 있습니다.

<br />

## Google Analytics를 사용하는 이유

구글 애널리틱스를 통해 방문자들의 행동과 관심사를 파악해 웹사이트를 최적화합니다.

또한 광고나 캠페인의 효과를 직접적으로 확인하고 향상시킬 수 있습니다.

<br />

## Google Analytics 등록하는 방법

구글 애널리틱스를 웹사이트에 설치하기 하려면 구글 태그매니저(GTM)를 활용해야 합니다.

<br />

### 1. 구글 태그매니저 계정 및 컨테이너 생성

먼저 <a href="https://tagmanager.google.com/" target="_blank">구글 태그매니저</a>에 로그인하고 계정과 태그 컨테이너(보관함)을 생성합니다.

<br />

### 2. 구글 태그매니저 코드 설치

생성한 컨테이너에 대한 GTM 코드를 받게 됩니다. 이 코드를 웹사이트의 `<head>`와 `<body>` 태그에 설치합니다.

```html title="구글 태그매니저 코드 설치 예시"

<script>
  (function (w, d, s, l, i) {
    w[l] = w[l] || [];
    w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
    var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s),
      dl = l != 'dataLayer' ? '&l=' + l : '';
    j.async = true;
    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
    f.parentNode.insertBefore(j, f);
  })(window, document, 'script', 'dataLayer', 'GTM-XXXX'); // 트래킹 코드 삽입
</script>
```

여기서 `GTM-XXXX`를 Google Analytics에서 제공하는 웹사이트의 고유한 추적 ID로 대체해야 합니다.

<br />

### 3. 구글 애널리틱스 태그 생성

구글 태그매니저 대시보드에서 `새 태그 추가`를 클릭합니다.

이후 태그 유형을 "Google Analytics: GA4 Configuration"로 선택합니다.

트리거를 설정하여 "모든 페이지"에 태그가 로드되도록 합니다.

<br />

#### 참고자료

- <a href="https://support.google.com/analytics/answer/9304153" target="_blank">Google Analytics 계정 만들기</a>

- <a href="https://support.google.com/tagmanager/answer/9442095" target="_blank">Google 태그 관리자에서 등록하기</a>

<br />

### 4. 변경 사항 게시

모든 설정이 완료되면 구글 태그매니저 대시보드 상단의 `게시` 버튼을 클릭하여 변경 사항을 웹사이트에 적용합니다.

<br />

이후 웹사이트를 방문하여 애널리틱스가 정상적으로 데이터를 수집하는지 확인하고, 구글 태그매니저의 미리보기 기능을 활용하여 태그가 올바르게 작동하는지 확인할 수 있습니다.