From 35f17dbd08df818d3d771c27500a4ecd30e8c024 Mon Sep 17 00:00:00 2001
From: Yurim Jin <jayjinjay@gmail.com>
Date: Sat, 13 Nov 2021 01:51:31 +0900
Subject: [PATCH 1/7] ch2

---
 .../01-what-is-ga.mdx"                        | 13 +++-
 .../02-ga-simple.mdx"                         | 77 ++++++++++++++++++-
 2 files changed, 85 insertions(+), 5 deletions(-)

diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx"
index 8279e3b6..9a7ab157 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx"	
@@ -56,7 +56,7 @@ import ChatBox from '@site/src/components/ChatBox';
 
 ### 앰플리튜드
 
-(TODO: Amplitude 로고 넣기)
+[![Amplitude](https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Amplitude_logo.svg/5000px-Amplitude_logo.svg.png)](https://amplitude.com)
 
 최근에 부상한 핫한 분석 툴입니다. 실리콘밸리 회사는 거의 앰플리튜드로 갈아타는 추세라 합니다.
 
@@ -76,10 +76,15 @@ import ChatBox from '@site/src/components/ChatBox';
 
 이외에도 Amplitude Experiment(앰플리튜드에서 만든 A/B테스팅 툴)과 호환된다는 특징이 있습니다.
 
----
-
-:::tip
+ㄴ:::tip
 회사가 커지면 구글 애널리틱스든 앰플리튜드든 유료 플랜을 결제해야 하는 순간이 옵니다.<br/>
 그렇게 돈 내고 쓰다가 회사가 더 커지면 자체적으로 분석 툴을 만들기도 해요!<br/>
 유실되는 데이터가 없고 상상 이상으로 비싼 유료플랜 돈을 아낀다는 장점이 있습니다.
 :::
+
+두 분석 툴을 비교해 본 너구리는 먼저 구글 애널리틱스를 넣어보기로 했습니다.
+
+<ChatBox avatar="raccoon-dizzy">
+  가장 대중적이고 참고 자료가 많다는 점이 좋네, 구글 애널리틱스 먼저
+  넣어봐야겠어!
+</ChatBox>
diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"
index 32d2a390..e5f7455c 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
@@ -5,4 +5,79 @@ sidebar_collapsed: false
 
 import ChatBox from '@site/src/components/ChatBox';
 
-# 구글 애널리틱스 찍어먹기
+# 구글 애널리틱스 살짝 맛보기
+
+개발자는 코드로 말하는게 편하죠? 세부 튜토리얼을 시작하기 전에 구글 애널리틱스와 우리 사이트가 어떻게 연동되는지 알아봅시다.<br/>
+따라하지 말고 편하게 보며 전체 그림을 파악해요.
+
+(앞으로 구글 애널리틱스를 GA라고 줄여서 부를게요!)
+
+## 1. 먼저, GA에 내 사이트용 공간 만들기
+
+![1](https://user-images.githubusercontent.com/3839771/141446999-52400f17-caac-4a4f-a419-b4cb15b1d025.png)
+
+구글 계정으로 로그인해(없는 분들은 만드시면 됩니다) GA 사이트에서 우리 사이트(후르츠스토어)용 공간을 만들거예요. 네이버 블로그 만드는것처럼 사이트에서 버튼 클릭해서 만들면 됩니다.
+
+G로 시작하는 고유한 아이디가 하나 만들어질거예요. (구버전은 UA로 시작하고 신버전은 G로 시작한답니다)
+
+## 2. 내 사이트 코드에 GA 공간 연동하기
+
+![2](https://user-images.githubusercontent.com/3839771/141446323-25d0e28e-6084-45a7-a47a-d3a323452106.png)
+
+내 사이트 코드에 방금 만든 GA 공간을 연결합니다. 고유한 ID값이 포함된 설치코드를 복사하고 내 사이트 코드에 붙여넣으면 됩니다!
+(모든 페이지에서 실행될 수 있도록 넣어주시면 되어요. )
+
+설치 코드는 아래와 같이 생겼어요. GA사이트에서도 친절하게 알려줘서 하라는대로 삽입하면 됩니다.
+
+```html
+<!-- 1. GA코드 설치 -->
+<script
+  async
+  src="https://www.googletagmanager.com/gtag/js?id=G-여러분공간아이디"
+></script>
+<script>
+  // 2. 사전작업
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag('js', new Date());
+
+  // 3. 내 공간 ID와 연동
+  gtag('config', 'G-여러분공간아이디');
+</script>
+```
+
+배포까지 하면 설치가 끝납니다. 여기까지만 해도 페이지뷰, 방문자카운트 등 일부 데이터는 자동으로 수집됩니다.
+
+![5](https://user-images.githubusercontent.com/3839771/141446345-e7084f82-a79c-4ef9-97cf-a1430988989a.png)
+
+![6](https://user-images.githubusercontent.com/3839771/141500520-d0299899-38e5-4c08-b0a2-4c08f36f9505.png)
+
+쨔잔~ 내 방문이 GA사이트에 모니터링 되고 있어요!
+
+## 3. 이벤트 코드 심기
+
+가장 핵심인 작업입니다. 우리가 추적하길 원하는 사용자의 행동들에 이벤트 코드를 넣는거예요.<br/>
+여러 가지 행동이 있겠죠? 예를 들면
+
+1. 회원가입 버튼 클릭
+2. 약관 동의 체크 해제 클릭
+3. 스크롤을 어디까지 내리는지
+4. 무엇을 검색하는지
+
+GA에선 이를 모두 '이벤트'라고 칭하는데요,
+![3](https://user-images.githubusercontent.com/3839771/141502700-21250896-f12a-4392-ab99-e7c11fa03dc6.png)
+
+회원가입 버튼 클릭을 추적하고 싶다면, 회원가입 코드 앞(혹은 뒤)에 GA 이벤트 코드를 다음과 같이 넣어주면 됩니다.
+
+```js
+function 회원가입클릭() {
+  gtag('event', '회원가입클릭'); // GA이벤트 코드
+  // 회원가입 코드 (생략)
+}
+```
+
+![4](https://user-images.githubusercontent.com/3839771/141502721-2e41ff20-c360-43ab-b880-23c23444e5c5.png)
+
+이벤트의 이름도 지어주고, 상세 정보도 추가적으로 넘길 수 있어요 (e.g. 무엇을 샀는지, 얼마인지, 어느 페이지인지)

From 0c40dacc42d70db1f16fdc687a59111a8bd0664f Mon Sep 17 00:00:00 2001
From: Yurim Jin <jayjinjay@gmail.com>
Date: Sat, 13 Nov 2021 02:46:30 +0900
Subject: [PATCH 2/7] ch3

---
 .../01-what-is-ga.mdx"                        |  2 +-
 .../02-ga-simple.mdx"                         |  9 ++-
 .../03-ga-create.mdx"                         | 78 +++++++++++++++++++
 3 files changed, 87 insertions(+), 2 deletions(-)
 create mode 100644 "docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx"

diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx"
index 9a7ab157..ea118f26 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/01-what-is-ga.mdx"	
@@ -76,7 +76,7 @@ import ChatBox from '@site/src/components/ChatBox';
 
 이외에도 Amplitude Experiment(앰플리튜드에서 만든 A/B테스팅 툴)과 호환된다는 특징이 있습니다.
 
-ㄴ:::tip
+:::tip
 회사가 커지면 구글 애널리틱스든 앰플리튜드든 유료 플랜을 결제해야 하는 순간이 옵니다.<br/>
 그렇게 돈 내고 쓰다가 회사가 더 커지면 자체적으로 분석 툴을 만들기도 해요!<br/>
 유실되는 데이터가 없고 상상 이상으로 비싼 유료플랜 돈을 아낀다는 장점이 있습니다.
diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"
index e5f7455c..bab14b79 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
@@ -8,7 +8,7 @@ import ChatBox from '@site/src/components/ChatBox';
 # 구글 애널리틱스 살짝 맛보기
 
 개발자는 코드로 말하는게 편하죠? 세부 튜토리얼을 시작하기 전에 구글 애널리틱스와 우리 사이트가 어떻게 연동되는지 알아봅시다.<br/>
-따라하지 말고 편하게 보며 전체 그림을 파악해요.
+**따라하지 마시고** 편하게 보며 전체 그림을 파악해요.
 
 (앞으로 구글 애널리틱스를 GA라고 줄여서 부를게요!)
 
@@ -81,3 +81,10 @@ function 회원가입클릭() {
 ![4](https://user-images.githubusercontent.com/3839771/141502721-2e41ff20-c360-43ab-b880-23c23444e5c5.png)
 
 이벤트의 이름도 지어주고, 상세 정보도 추가적으로 넘길 수 있어요 (e.g. 무엇을 샀는지, 얼마인지, 어느 페이지인지)
+
+<ChatBox avatar="raccoon-dizzy">
+  생각보다 간단하구만!
+  <br /> GA공간을 만들고, 설치코드를 복붙하고, 이벤트코드를 심어주면 되네?
+</ChatBox>
+
+다음 장에서부턴 여러분도 직접 한땀한땀 따라해 보세요!
diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx"
new file mode 100644
index 00000000..ea6fe1d8
--- /dev/null
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx"	
@@ -0,0 +1,78 @@
+---
+tags: [GoogleAnalytics, GA]
+sidebar_collapsed: false
+---
+
+import ChatBox from '@site/src/components/ChatBox';
+
+# GA에 내 사이트용 공간 만들기
+
+아직은 코딩 없음! 구글 애널리틱스에 가입 후 공간 먼저 만들어봐요.
+
+### 🦝 너구리의 할 일
+
+✅ 후르츠스토어 계정 만들기 <br/>
+✅ 후르츠스토어 웹 속성 만들기
+
+## 0. 사전준비: 구글 계정 로그인
+
+구글 애널리틱스는 구글 계정으로 만들 수 있습니다. 로그인 후 구글에 'Google analytics' 검색 후 최상단 링크를 클릭합니다.
+
+:::note tip: 회사용이라면?
+회사 제품에 GA를 연동하는 중이라면 꼭! 회사 공용 구글 계정을 준비해주세요.<br/>
+yurim@toss.im이 아닌 analytics@toss.im 처럼 나에게 종속되지 않은 회사 계정으로 말이죠.<br/>
+추후에 담당자가 바뀌는 경우를 대비한것입니다.
+:::
+
+GA를 처음 만드는 분들은 아래처럼 뜨고 이미 GA를 써본 적이 있는 분들은 해당 계정 통계 페이지가 보여질거예요.
+![6](https://user-images.githubusercontent.com/3839771/141507246-a27f6145-9a40-4797-b5a1-d3588379fddf.png)
+
+## 1.GA 계정 만들기
+
+'측정 시작'을 누르면 다음과 같이 GA 계정을 만드는 화면이 뜹니다.
+
+![6](https://user-images.githubusercontent.com/3839771/141508187-7d2c8137-684e-4c10-bc99-b81dbc50e0ed.png)
+
+(이미 GA를 써본적이 있는 분들은 `좌측 하단 톱니바퀴 아이콘` ➞ `계정 만들기 버튼` 을 누르면 같은 화면이 뜰거예요.)
+![6](https://user-images.githubusercontent.com/3839771/141508646-f2f3d17e-80aa-4f0a-a028-db84cb5cdbeb.png)
+
+GA에는 '계정'과 '속성'이 있는데요, 속성 여러개를 포함하는게 계정입니다.
+내가 측정할 서비스를 어떻게 묶어줄지 생각해서 적어주시면 되어요.
+
+너구리는 `후르츠스토어`로 계정 이름을 지었습니다. 추후에 '후르츠스토어 웹', '후르츠스토어 사내 전용' 등 여러 가지 속성을 만들 예정이에요.
+
+## 2. GA 속성 만들기
+
+`다음`버튼을 누르면 속성 설정 화면이 보입니다.
+
+앞으로 우리는 이렇게 만든 '속성'(번역이 살짝 헷갈리죠? ㅎㅎ)을 기준으로 GA 리포트를 볼거예요.
+
+- 후르츠스토어 웹
+- 후르츠스토어 사내 전용
+- 후르츠스토어 모바일앱
+
+등 다양한 속성을 만들 수 있습니다. <br/>
+일단 '후르츠스토어 웹'으로 만들어볼게요!
+
+![6](https://user-images.githubusercontent.com/3839771/141510138-b4170fba-6ff0-479f-8e2c-cc8dc8a027a9.png)
+
+내 서비스에 맞는 비즈니스 정보도 간단히 적어줍니다.
+
+![6](https://user-images.githubusercontent.com/3839771/141510149-fdefea05-46c6-4daf-90ac-bad20c8db4f4.png)
+
+만들기를 누르고 약관 동의까지 누르면 GA에 내 사이트용 공간 만들기 완성!
+
+## 3. 계정, 속성이 잘 만들어졌는지 확인
+
+상단 네비게이션바에 여러분이 만드신 속성 이름이 보인다면 성공입니다🎉
+
+![6](https://user-images.githubusercontent.com/3839771/141511035-e0d7594e-df93-41b7-a657-383eaa92dc0d.png)
+
+눌러보면 내가 만들었던 계정과 속성들이 보입니다. <br/>
+저는 9XD, 후르츠스토어, EveryAnalytics, 블로그 속성을 운영하고 있군요 ㅎㅎ
+
+![6](https://user-images.githubusercontent.com/3839771/141511051-7773c90d-c8ce-45b0-8dbb-7b142f7f090a.png)
+
+<ChatBox avatar="raccoon-dizzy">큰 일 끝냈다! 내 집터 마련 완료.</ChatBox>
+
+다음 장에서는 방금 만든 속성을 우리 웹사이트에 연동해볼거예요.

From e11ee54d2bc1c21bebddf40f4880a06aec7ea944 Mon Sep 17 00:00:00 2001
From: jiyoonhur <jiyoon1156@gmail.com>
Date: Sat, 13 Nov 2021 13:47:40 +0900
Subject: [PATCH 3/7] =?UTF-8?q?ch2=20=EC=9C=A4=EB=AC=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02-ga-simple.mdx"                         | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"
index bab14b79..361831f5 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
@@ -7,8 +7,8 @@ import ChatBox from '@site/src/components/ChatBox';
 
 # 구글 애널리틱스 살짝 맛보기
 
-개발자는 코드로 말하는게 편하죠? 세부 튜토리얼을 시작하기 전에 구글 애널리틱스와 우리 사이트가 어떻게 연동되는지 알아봅시다.<br/>
-**따라하지 마시고** 편하게 보며 전체 그림을 파악해요.
+세부 튜토리얼을 시작하기 전에 구글 애널리틱스와 우리 사이트가 어떻게 연동되는지 알아봅시다.<br/>
+이번 페이지에서는 **따라하지 마시고** 편하게 보시면서 전체 그림을 파악하도록 해요.
 
 (앞으로 구글 애널리틱스를 GA라고 줄여서 부를게요!)
 
@@ -16,18 +16,18 @@ import ChatBox from '@site/src/components/ChatBox';
 
 ![1](https://user-images.githubusercontent.com/3839771/141446999-52400f17-caac-4a4f-a419-b4cb15b1d025.png)
 
-구글 계정으로 로그인해(없는 분들은 만드시면 됩니다) GA 사이트에서 우리 사이트(후르츠스토어)용 공간을 만들거예요. 네이버 블로그 만드는것처럼 사이트에서 버튼 클릭해서 만들면 됩니다.
+구글 계정으로 로그인해 GA 사이트에서 우리 사이트(후르츠스토어)용 공간을 만들거예요. 네이버 블로그 만드는것처럼 GA 사이트에서 버튼 클릭해서 만들면 됩니다.
 
-G로 시작하는 고유한 아이디가 하나 만들어질거예요. (구버전은 UA로 시작하고 신버전은 G로 시작한답니다)
+G로 시작하는 고유한 아이디가 하나 만들어질거예요. 구버전은 UA로 시작하고 신버전은 G로 시작한답니다. 구버전인 Universal Analytics보다 신버전인 GA4에선 보다 더 유연하게 데이터를 수집하고 통합적으로 볼 수 있는 장점이 있는데요, 더 상세한 차이점이 궁금하다면 archive의 [UA와 GA4의 차이점](https://everyanalytics.github.io/web-analytics-handbook/docs/handbook/archive/Google-Analytics/Basics/what-is-the-difference-between-ua-and-ga4)을 참고하세요!
 
 ## 2. 내 사이트 코드에 GA 공간 연동하기
 
 ![2](https://user-images.githubusercontent.com/3839771/141446323-25d0e28e-6084-45a7-a47a-d3a323452106.png)
 
 내 사이트 코드에 방금 만든 GA 공간을 연결합니다. 고유한 ID값이 포함된 설치코드를 복사하고 내 사이트 코드에 붙여넣으면 됩니다!
-(모든 페이지에서 실행될 수 있도록 넣어주시면 되어요. )
+(모든 페이지에서 실행될 수 있도록 넣어주시면 됩니다.)
 
-설치 코드는 아래와 같이 생겼어요. GA사이트에서도 친절하게 알려줘서 하라는대로 삽입하면 됩니다.
+설치 코드는 아래와 같이 생겼어요. GA사이트의 `좌측 하단 톱니바퀴 아이콘` ➞ `데이터 스트림` ➞ `태그하기에 대한 안내`에서도 태그달기에 관한 설명을 볼 수 있습니다.
 
 ```html
 <!-- 1. GA코드 설치 -->
@@ -48,7 +48,7 @@ G로 시작하는 고유한 아이디가 하나 만들어질거예요. (구버
 </script>
 ```
 
-배포까지 하면 설치가 끝납니다. 여기까지만 해도 페이지뷰, 방문자카운트 등 일부 데이터는 자동으로 수집됩니다.
+배포까지 하면 GA 추적코드 설치가 끝납니다. 여기까지만 해도 페이지뷰, 방문자카운트 등 일부 데이터는 자동으로 수집됩니다. 자동으로 수집되는 데이터 종류가 더 궁금하시다면 [애널리틱스 고객센터](https://support.google.com/analytics/answer/9234069?hl=ko&ref_topic=9756175)에서 확인하실 수 있어요!
 
 ![5](https://user-images.githubusercontent.com/3839771/141446345-e7084f82-a79c-4ef9-97cf-a1430988989a.png)
 
@@ -58,18 +58,19 @@ G로 시작하는 고유한 아이디가 하나 만들어질거예요. (구버
 
 ## 3. 이벤트 코드 심기
 
-가장 핵심인 작업입니다. 우리가 추적하길 원하는 사용자의 행동들에 이벤트 코드를 넣는거예요.<br/>
+GA에서 이벤트 수집을 통해 얻은 데이터는 사이트를 관리하는데 중요한 지표로 활용되기 때문에
+이벤트 수집은 가장 핵심인 작업입니다. 우리가 추적하길 원하는 사용자의 행동들에 이벤트 코드를 넣는거예요.<br/>
 여러 가지 행동이 있겠죠? 예를 들면
 
-1. 회원가입 버튼 클릭
-2. 약관 동의 체크 해제 클릭
-3. 스크롤을 어디까지 내리는지
-4. 무엇을 검색하는지
+- 회원가입 버튼 클릭
+- 약관 동의 체크 해제 클릭
+- 스크롤을 어디까지 내리는지
+- 무엇을 검색하는지
 
 GA에선 이를 모두 '이벤트'라고 칭하는데요,
 ![3](https://user-images.githubusercontent.com/3839771/141502700-21250896-f12a-4392-ab99-e7c11fa03dc6.png)
 
-회원가입 버튼 클릭을 추적하고 싶다면, 회원가입 코드 앞(혹은 뒤)에 GA 이벤트 코드를 다음과 같이 넣어주면 됩니다.
+회원가입 버튼 클릭을 추적하고 싶다면, 회원가입클릭 코드 안에 GA 이벤트 코드를 다음과 같이 넣어주면 됩니다.
 
 ```js
 function 회원가입클릭() {

From 5e0c1883bb9a19ab2a84ca75e888b136c0106836 Mon Sep 17 00:00:00 2001
From: jiyoonhur <jiyoon1156@gmail.com>
Date: Sat, 13 Nov 2021 13:55:46 +0900
Subject: [PATCH 4/7] =?UTF-8?q?ch3=20=EC=9C=A4=EB=AC=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../03-ga-create.mdx"                         | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx"
index ea6fe1d8..e47cb3e0 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/03-ga-create.mdx"	
@@ -11,33 +11,41 @@ import ChatBox from '@site/src/components/ChatBox';
 
 ### 🦝 너구리의 할 일
 
-✅ 후르츠스토어 계정 만들기 <br/>
-✅ 후르츠스토어 웹 속성 만들기
+<ChatBox avatar="rabbit-happy">
+  너굴님, 우리 후르츠스토어에 GA 적용하기로 결정하셨다면서요? 진행 잘 되고
+  있나요?
+</ChatBox>
+<ChatBox avatar="raccoon-dizzy">
+  넵! 지금 후르츠스토어&nbsp;
+  <b>✅ &nbsp;계정 만들기 ✅ &nbsp;웹 속성 만들기</b>까지 해볼 예정입니다!
+</ChatBox>
 
 ## 0. 사전준비: 구글 계정 로그인
 
-구글 애널리틱스는 구글 계정으로 만들 수 있습니다. 로그인 후 구글에 'Google analytics' 검색 후 최상단 링크를 클릭합니다.
+구글 애널리틱스는 구글 계정으로 만들 수 있습니다. 로그인 후 구글에 'Google Analytics' 검색 후 최상단 링크를 클릭합니다.
 
 :::note tip: 회사용이라면?
 회사 제품에 GA를 연동하는 중이라면 꼭! 회사 공용 구글 계정을 준비해주세요.<br/>
 yurim@toss.im이 아닌 analytics@toss.im 처럼 나에게 종속되지 않은 회사 계정으로 말이죠.<br/>
-추후에 담당자가 바뀌는 경우를 대비한것입니다.
+추후에 담당자가 바뀌는 경우를 대비한 것입니다.
 :::
 
 GA를 처음 만드는 분들은 아래처럼 뜨고 이미 GA를 써본 적이 있는 분들은 해당 계정 통계 페이지가 보여질거예요.
 ![6](https://user-images.githubusercontent.com/3839771/141507246-a27f6145-9a40-4797-b5a1-d3588379fddf.png)
 
-## 1.GA 계정 만들기
+## 1. GA 계정 만들기
 
 '측정 시작'을 누르면 다음과 같이 GA 계정을 만드는 화면이 뜹니다.
 
 ![6](https://user-images.githubusercontent.com/3839771/141508187-7d2c8137-684e-4c10-bc99-b81dbc50e0ed.png)
 
-(이미 GA를 써본적이 있는 분들은 `좌측 하단 톱니바퀴 아이콘` ➞ `계정 만들기 버튼` 을 누르면 같은 화면이 뜰거예요.)
+이미 GA를 써본적이 있는 분들은 `좌측 하단 톱니바퀴 아이콘` ➞ `계정 만들기 버튼` 을 누르면 같은 화면이 뜰거예요.
 ![6](https://user-images.githubusercontent.com/3839771/141508646-f2f3d17e-80aa-4f0a-a028-db84cb5cdbeb.png)
 
-GA에는 '계정'과 '속성'이 있는데요, 속성 여러개를 포함하는게 계정입니다.
+GA 계층구조에는 '계정'과 '속성'이 있는데요, 속성 여러개를 포함하는게 계정입니다.<br/>
 내가 측정할 서비스를 어떻게 묶어줄지 생각해서 적어주시면 되어요.
+보통 구글 애널리틱스 계정 1개로 속성 100개까지 생성 가능합니다.<br/>
+GA 계층구조에 대해서 더 궁금하시다면 archive의 [GA4 계층구조](https://everyanalytics.github.io/web-analytics-handbook/docs/handbook/archive/Google-Analytics/Settings/ga4-hierarchy) 를 참고하세요!
 
 너구리는 `후르츠스토어`로 계정 이름을 지었습니다. 추후에 '후르츠스토어 웹', '후르츠스토어 사내 전용' 등 여러 가지 속성을 만들 예정이에요.
 
@@ -73,6 +81,6 @@ GA에는 '계정'과 '속성'이 있는데요, 속성 여러개를 포함하는
 
 ![6](https://user-images.githubusercontent.com/3839771/141511051-7773c90d-c8ce-45b0-8dbb-7b142f7f090a.png)
 
-<ChatBox avatar="raccoon-dizzy">큰 일 끝냈다! 내 집터 마련 완료.</ChatBox>
+<ChatBox avatar="raccoon-dizzy">큰 일 끝냈다! 내 집터 마련 완료!</ChatBox>
 
 다음 장에서는 방금 만든 속성을 우리 웹사이트에 연동해볼거예요.

From dd79dd833c5e1d834c727ddb9f1e04aad04795f3 Mon Sep 17 00:00:00 2001
From: Chanhee <chanheeis@naver.com>
Date: Sat, 13 Nov 2021 22:32:32 +0900
Subject: [PATCH 5/7] =?UTF-8?q?ch2=20=EC=9C=A4=EB=AC=B8=20=20=20-=20?=
 =?UTF-8?q?=EB=A7=9E=EC=B6=A4=EB=B2=95=20=EC=88=98=EC=A0=95=20=20=20-=20?=
 =?UTF-8?q?=EC=96=B4=EC=83=89=ED=95=9C=20=EB=AC=B8=EC=9E=A5=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02-ga-simple.mdx"                         | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"
index 361831f5..76ba2139 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
@@ -7,8 +7,8 @@ import ChatBox from '@site/src/components/ChatBox';
 
 # 구글 애널리틱스 살짝 맛보기
 
-세부 튜토리얼을 시작하기 전에 구글 애널리틱스와 우리 사이트가 어떻게 연동되는지 알아봅시다.<br/>
-이번 페이지에서는 **따라하지 마시고** 편하게 보시면서 전체 그림을 파악하도록 해요.
+세부 튜토리얼을 시작하기 전에 구글 애널리틱스와 우리 사이트가 어떻게 연동되는지 알아봅시다.
+이번 페이지에서는 **따라 하지 마시고** 편하게 보시면서 전체 그림을 파악하도록 해요.
 
 (앞으로 구글 애널리틱스를 GA라고 줄여서 부를게요!)
 
@@ -16,18 +16,19 @@ import ChatBox from '@site/src/components/ChatBox';
 
 ![1](https://user-images.githubusercontent.com/3839771/141446999-52400f17-caac-4a4f-a419-b4cb15b1d025.png)
 
-구글 계정으로 로그인해 GA 사이트에서 우리 사이트(후르츠스토어)용 공간을 만들거예요. 네이버 블로그 만드는것처럼 GA 사이트에서 버튼 클릭해서 만들면 됩니다.
+구글 계정으로 로그인해 GA 사이트에서 우리 사이트(후르츠스토어)용 공간을 만들 거예요.
+버튼 클릭만으로 만들 수 있어서, 네이버 블로그 만드는 것만큼이나 간단합니다.
 
-G로 시작하는 고유한 아이디가 하나 만들어질거예요. 구버전은 UA로 시작하고 신버전은 G로 시작한답니다. 구버전인 Universal Analytics보다 신버전인 GA4에선 보다 더 유연하게 데이터를 수집하고 통합적으로 볼 수 있는 장점이 있는데요, 더 상세한 차이점이 궁금하다면 archive의 [UA와 GA4의 차이점](https://everyanalytics.github.io/web-analytics-handbook/docs/handbook/archive/Google-Analytics/Basics/what-is-the-difference-between-ua-and-ga4)을 참고하세요!
+G로 시작하는 고유한 아이디가 하나 만들어질 거예요. 구버전은 UA로 시작하고 신버전은 G로 시작한답니다. 구버전인 Universal Analytics보다 신버전인 GA4에선 더욱 유연하게 데이터를 수집하고 통합적으로 볼 수 있는 장점이 있는데요, 더 상세한 차이점이 궁금하다면 archive의 [UA와 GA4의 차이점](https://everyanalytics.github.io/web-analytics-handbook/docs/handbook/archive/Google-Analytics/Basics/what-is-the-difference-between-ua-and-ga4)을 참고하세요!
 
 ## 2. 내 사이트 코드에 GA 공간 연동하기
 
 ![2](https://user-images.githubusercontent.com/3839771/141446323-25d0e28e-6084-45a7-a47a-d3a323452106.png)
 
-내 사이트 코드에 방금 만든 GA 공간을 연결합니다. 고유한 ID값이 포함된 설치코드를 복사하고 내 사이트 코드에 붙여넣으면 됩니다!
+내 사이트 코드에 방금 만든 GA 공간을 연결합니다. 고유한 ID값이 포함된 설치 코드를 복사하고 내 사이트 코드에 붙여넣으면 됩니다!
 (모든 페이지에서 실행될 수 있도록 넣어주시면 됩니다.)
 
-설치 코드는 아래와 같이 생겼어요. GA사이트의 `좌측 하단 톱니바퀴 아이콘` ➞ `데이터 스트림` ➞ `태그하기에 대한 안내`에서도 태그달기에 관한 설명을 볼 수 있습니다.
+설치 코드는 아래와 같이 생겼어요. GA사이트의 `좌측 하단 톱니바퀴 아이콘` ➞ `데이터 스트림` ➞ `태그하기에 대한 안내`에서도 태그 달기에 관한 설명을 볼 수 있습니다.
 
 ```html
 <!-- 1. GA코드 설치 -->
@@ -48,7 +49,7 @@ G로 시작하는 고유한 아이디가 하나 만들어질거예요. 구버전
 </script>
 ```
 
-배포까지 하면 GA 추적코드 설치가 끝납니다. 여기까지만 해도 페이지뷰, 방문자카운트 등 일부 데이터는 자동으로 수집됩니다. 자동으로 수집되는 데이터 종류가 더 궁금하시다면 [애널리틱스 고객센터](https://support.google.com/analytics/answer/9234069?hl=ko&ref_topic=9756175)에서 확인하실 수 있어요!
+배포까지 하면 GA 추적 코드 설치가 끝납니다. 여기까지만 해도 페이지뷰, 방문자 수 등 일부 데이터는 자동으로 수집됩니다. 자동으로 수집되는 데이터 종류가 더 궁금하시다면 [애널리틱스 고객센터](https://support.google.com/analytics/answer/9234069?hl=ko&ref_topic=9756175)에서 확인하실 수 있어요!
 
 ![5](https://user-images.githubusercontent.com/3839771/141446345-e7084f82-a79c-4ef9-97cf-a1430988989a.png)
 
@@ -59,8 +60,8 @@ G로 시작하는 고유한 아이디가 하나 만들어질거예요. 구버전
 ## 3. 이벤트 코드 심기
 
 GA에서 이벤트 수집을 통해 얻은 데이터는 사이트를 관리하는데 중요한 지표로 활용되기 때문에
-이벤트 수집은 가장 핵심인 작업입니다. 우리가 추적하길 원하는 사용자의 행동들에 이벤트 코드를 넣는거예요.<br/>
-여러 가지 행동이 있겠죠? 예를 들면
+이벤트 수집은 가장 핵심인 작업입니다. 우리가 추적하길 원하는 사용자의 행동들에 이벤트 코드를 넣는 거예요.
+사용자들이 웹 사이트에서 할 수 있는 행동들은 여러 가지가 있겠죠?
 
 - 회원가입 버튼 클릭
 - 약관 동의 체크 해제 클릭
@@ -75,7 +76,7 @@ GA에선 이를 모두 '이벤트'라고 칭하는데요,
 ```js
 function 회원가입클릭() {
   gtag('event', '회원가입클릭'); // GA이벤트 코드
-  // 회원가입 코드 (생략)
+  // 회원가입 로직을 수행하는 코드 (생략)
 }
 ```
 

From 12d00b24aee00eb49e81ff462d64bfb9950909ac Mon Sep 17 00:00:00 2001
From: Chanhee <chanheeis@naver.com>
Date: Mon, 15 Nov 2021 23:37:57 +0900
Subject: [PATCH 6/7] =?UTF-8?q?ch2=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EC=BB=A8=EB=B2=A4=EC=85=98=EC=97=90=20=EB=A7=9E=EA=B2=8C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02-ga-simple.mdx"                                  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"
index 76ba2139..34b0b004 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
@@ -14,7 +14,7 @@ import ChatBox from '@site/src/components/ChatBox';
 
 ## 1. 먼저, GA에 내 사이트용 공간 만들기
 
-![1](https://user-images.githubusercontent.com/3839771/141446999-52400f17-caac-4a4f-a419-b4cb15b1d025.png)
+![image_1](https://user-images.githubusercontent.com/53820773/141799575-cc840c2f-4a1e-43b1-93e8-34233179798a.jpg)
 
 구글 계정으로 로그인해 GA 사이트에서 우리 사이트(후르츠스토어)용 공간을 만들 거예요.
 버튼 클릭만으로 만들 수 있어서, 네이버 블로그 만드는 것만큼이나 간단합니다.
@@ -23,7 +23,7 @@ G로 시작하는 고유한 아이디가 하나 만들어질 거예요. 구버
 
 ## 2. 내 사이트 코드에 GA 공간 연동하기
 
-![2](https://user-images.githubusercontent.com/3839771/141446323-25d0e28e-6084-45a7-a47a-d3a323452106.png)
+![image_2](https://user-images.githubusercontent.com/53820773/141799593-acbc3a41-d9b4-40bd-8975-0c4a8297330e.jpg)
 
 내 사이트 코드에 방금 만든 GA 공간을 연결합니다. 고유한 ID값이 포함된 설치 코드를 복사하고 내 사이트 코드에 붙여넣으면 됩니다!
 (모든 페이지에서 실행될 수 있도록 넣어주시면 됩니다.)
@@ -51,7 +51,7 @@ G로 시작하는 고유한 아이디가 하나 만들어질 거예요. 구버
 
 배포까지 하면 GA 추적 코드 설치가 끝납니다. 여기까지만 해도 페이지뷰, 방문자 수 등 일부 데이터는 자동으로 수집됩니다. 자동으로 수집되는 데이터 종류가 더 궁금하시다면 [애널리틱스 고객센터](https://support.google.com/analytics/answer/9234069?hl=ko&ref_topic=9756175)에서 확인하실 수 있어요!
 
-![5](https://user-images.githubusercontent.com/3839771/141446345-e7084f82-a79c-4ef9-97cf-a1430988989a.png)
+![image_3](https://user-images.githubusercontent.com/53820773/141799586-943adacd-4c70-43c7-ae8f-2bfabe61ed28.jpg)
 
 ![6](https://user-images.githubusercontent.com/3839771/141500520-d0299899-38e5-4c08-b0a2-4c08f36f9505.png)
 
@@ -69,7 +69,7 @@ GA에서 이벤트 수집을 통해 얻은 데이터는 사이트를 관리하
 - 무엇을 검색하는지
 
 GA에선 이를 모두 '이벤트'라고 칭하는데요,
-![3](https://user-images.githubusercontent.com/3839771/141502700-21250896-f12a-4392-ab99-e7c11fa03dc6.png)
+![image_4](https://user-images.githubusercontent.com/53820773/141799596-5826ae7f-b0fe-4b0a-bfa2-00be5a724122.jpg)
 
 회원가입 버튼 클릭을 추적하고 싶다면, 회원가입클릭 코드 안에 GA 이벤트 코드를 다음과 같이 넣어주면 됩니다.
 
@@ -80,7 +80,7 @@ function 회원가입클릭() {
 }
 ```
 
-![4](https://user-images.githubusercontent.com/3839771/141502721-2e41ff20-c360-43ab-b880-23c23444e5c5.png)
+![image_5](https://user-images.githubusercontent.com/53820773/141799598-60e0b0dc-9af1-42cb-b7c6-f9053c6c5e39.jpg)
 
 이벤트의 이름도 지어주고, 상세 정보도 추가적으로 넘길 수 있어요 (e.g. 무엇을 샀는지, 얼마인지, 어느 페이지인지)
 

From 8f57b80a2ef8f343ddb580d908fa87b9a44cc762 Mon Sep 17 00:00:00 2001
From: Chanhee <chanheeis@naver.com>
Date: Mon, 15 Nov 2021 23:54:37 +0900
Subject: [PATCH 7/7] =?UTF-8?q?ch2=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EC=BB=A8=EB=B2=A4=EC=85=98=EC=97=90=20=EB=A7=9E=EA=B2=8C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20=20=20-=20=ED=83=9C=EB=B8=94=EB=A6=BF=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85=EB=B3=B8=EC=9D=80=20=EC=84=A0=EB=AA=85?=
 =?UTF-8?q?=ED=95=98=EC=A7=80=20=EB=AA=BB=ED=95=9C=20=EC=9D=B4=EC=8A=88=20?=
 =?UTF-8?q?=EC=9E=88=EC=9D=8C=20=20=20-=20=EC=82=AC=EC=9A=A9=ED=95=9C=20?=
 =?UTF-8?q?=ED=8F=B0=ED=8A=B8=20:=20neo=EB=91=A5=EA=B7=BC=EB=AA=A8=20(?=
 =?UTF-8?q?=EB=AC=B4=EB=A3=8C=20=EC=9D=B4=EC=9A=A9=20=EA=B0=80=EB=8A=A5)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02-ga-simple.mdx"                                  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx" "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"
index 34b0b004..b78fdd96 100644
--- "a/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
+++ "b/docs/handbook/Part1. \352\265\254\352\270\200 \354\225\240\353\204\220\353\246\254\355\213\261\354\212\244 \352\270\260\354\264\210/02-ga-simple.mdx"	
@@ -14,7 +14,7 @@ import ChatBox from '@site/src/components/ChatBox';
 
 ## 1. 먼저, GA에 내 사이트용 공간 만들기
 
-![image_1](https://user-images.githubusercontent.com/53820773/141799575-cc840c2f-4a1e-43b1-93e8-34233179798a.jpg)
+![image_1](https://user-images.githubusercontent.com/53820773/141802530-f566b46a-b4e0-4bba-a5af-24b3d3480551.png)
 
 구글 계정으로 로그인해 GA 사이트에서 우리 사이트(후르츠스토어)용 공간을 만들 거예요.
 버튼 클릭만으로 만들 수 있어서, 네이버 블로그 만드는 것만큼이나 간단합니다.
@@ -23,7 +23,7 @@ G로 시작하는 고유한 아이디가 하나 만들어질 거예요. 구버
 
 ## 2. 내 사이트 코드에 GA 공간 연동하기
 
-![image_2](https://user-images.githubusercontent.com/53820773/141799593-acbc3a41-d9b4-40bd-8975-0c4a8297330e.jpg)
+![image_2](https://user-images.githubusercontent.com/53820773/141802533-2b6e895f-9f8f-4e32-a705-5acc0b3926ca.png)
 
 내 사이트 코드에 방금 만든 GA 공간을 연결합니다. 고유한 ID값이 포함된 설치 코드를 복사하고 내 사이트 코드에 붙여넣으면 됩니다!
 (모든 페이지에서 실행될 수 있도록 넣어주시면 됩니다.)
@@ -51,7 +51,7 @@ G로 시작하는 고유한 아이디가 하나 만들어질 거예요. 구버
 
 배포까지 하면 GA 추적 코드 설치가 끝납니다. 여기까지만 해도 페이지뷰, 방문자 수 등 일부 데이터는 자동으로 수집됩니다. 자동으로 수집되는 데이터 종류가 더 궁금하시다면 [애널리틱스 고객센터](https://support.google.com/analytics/answer/9234069?hl=ko&ref_topic=9756175)에서 확인하실 수 있어요!
 
-![image_3](https://user-images.githubusercontent.com/53820773/141799586-943adacd-4c70-43c7-ae8f-2bfabe61ed28.jpg)
+![image_3](https://user-images.githubusercontent.com/53820773/141802537-f27263ed-a790-4c7a-911c-d3fc9b22e463.png)
 
 ![6](https://user-images.githubusercontent.com/3839771/141500520-d0299899-38e5-4c08-b0a2-4c08f36f9505.png)
 
@@ -69,7 +69,7 @@ GA에서 이벤트 수집을 통해 얻은 데이터는 사이트를 관리하
 - 무엇을 검색하는지
 
 GA에선 이를 모두 '이벤트'라고 칭하는데요,
-![image_4](https://user-images.githubusercontent.com/53820773/141799596-5826ae7f-b0fe-4b0a-bfa2-00be5a724122.jpg)
+![image_4](https://user-images.githubusercontent.com/53820773/141802542-31a3e2cf-5807-422c-a695-93a60f673530.png)
 
 회원가입 버튼 클릭을 추적하고 싶다면, 회원가입클릭 코드 안에 GA 이벤트 코드를 다음과 같이 넣어주면 됩니다.
 
@@ -80,7 +80,7 @@ function 회원가입클릭() {
 }
 ```
 
-![image_5](https://user-images.githubusercontent.com/53820773/141799598-60e0b0dc-9af1-42cb-b7c6-f9053c6c5e39.jpg)
+![image_5](https://user-images.githubusercontent.com/53820773/141802545-f82481d7-7ac8-42a5-9202-73c560d18c78.png)
 
 이벤트의 이름도 지어주고, 상세 정보도 추가적으로 넘길 수 있어요 (e.g. 무엇을 샀는지, 얼마인지, 어느 페이지인지)