<div id="readability-page-1" class="page"><article id="mainContent">
 <div>
 <a href="/m/category/FRONTEND">FRONTEND</a><h3>GA의 가장 기본중의 기본 user_id 속성 지정하기</h3>
 </div>
 <cite>나를찾는아이</cite>
 2023. 4. 12. 12:04
 
 
 
 <div>
 <figure data-ke-mobilestyle="widthOrigin" data-filename="스크린샷 2023-04-12 오전 9.59.01.png" data-origin-width="1106" data-origin-height="1054">
 
 <img src="https://blog.kakaocdn.net/dn/bh59dg/btr9BHKUOSW/RRvk90x2C0ksKeH0z0Y030/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-filename="스크린샷 2023-04-12 오전 9.59.01.png" data-origin-width="1106" data-origin-height="1054">
 
 
</figure>

GA에서 리포트를 볼때 다양한 필터를 추가할수 있습니다

당연히 로그인한 유저의 구매액이라던가 이런것들도 궁금하지 않겠어요?

로그인한 유저의 통계만 필터를 걸어 보기 위해서는

GA에 user_id 속성을 지정해주어야 합니다


그렇게 되면 아래 사진처럼 "사용자 ID로 로그인함" 측정 기준을 사용할수 있습니다

<figure data-ke-mobilestyle="widthOrigin" data-filename="스크린샷 2023-04-12 오전 9.58.55.png" data-origin-width="704" data-origin-height="1052">
 
 <img src="https://blog.kakaocdn.net/dn/H0fto/btr9wGT3Z3M/UXTj7SX5ITEROqXRhVbeDk/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-filename="스크린샷 2023-04-12 오전 9.58.55.png" data-origin-width="704" data-origin-height="1052">
 
 
</figure>

위의 사진에서는 "사용자 ID로 로그인함" 이 비활성화되어있는데요

user_id 속성이 하나도 없기 때문입니다

<figure data-ke-mobilestyle="widthOrigin" data-filename="스크린샷 2023-04-12 오전 9.59.35.png" data-origin-width="636" data-origin-height="878">
 
 <img src="https://blog.kakaocdn.net/dn/bWTjYQ/btr9z9g2mKg/leuamZgStHvn3RX4UQeod0/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-filename="스크린샷 2023-04-12 오전 9.59.35.png" data-origin-width="636" data-origin-height="878">
 
 
</figure>
user_id 속성을 사용했다면 이렇게 필터가 활성화됩니다


ga에 user_id 속성을 넣기 위해서는 아래와 같은 코드를 실행하면됩니다


gtag로는 이렇게
<pre id="code_1681264056637" data-ke-language="typescript" data-ke-type="codeblock"><code>// 유저 아이디 설정
gtag('config', {
&nbsp; 'user_id': 'USER_ID'
});</code></pre>

gtm으로는 이렇게
<pre id="code_1681264552915" data-ke-language="typescript" data-ke-type="codeblock"><code>dataLayer.push({
 'user_id': 'USER_ID'
});</code></pre>

<figure data-ke-mobilestyle="widthOrigin" data-filename="스크린샷 2023-04-12 오전 11.53.17.png" data-origin-width="1744" data-origin-height="422">
 
 <img src="https://blog.kakaocdn.net/dn/PZGgG/btr9shUhcDU/35gMYkS4o25ejU7yBiGMFk/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-filename="스크린샷 2023-04-12 오전 11.53.17.png" data-origin-width="1744" data-origin-height="422">
 
 
</figure>
구글태그매니저에서 사용자 속성이 아닌 일반 필드에 user_id를 넣더라도 동작은 동일하게 하는것으로보입니다



user_id 속성이 전달되면 ga 디버그뷰를 볼때 이렇게 표시됩니다


<figure data-ke-mobilestyle="widthOrigin" data-filename="스크린샷 2023-04-11 오후 4.27.32.png" data-origin-width="682" data-origin-height="602">
 
 <img src="https://blog.kakaocdn.net/dn/b4F1dB/btr9GhYQDTL/zGNGqY06KrNR0tlWFb1LMK/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-filename="스크린샷 2023-04-11 오후 4.27.32.png" data-origin-width="682" data-origin-height="602">
 
 
</figure>

user_id가 세팅이 된것을 볼수 있습니다

user_id는 이메일이나 휴대폰번호와 같은 특정인을 구별할수 있는 값을 쓰지말고 user_id나 그외 특정인을 확정할수 없는 값을 사용하는것이 좋습니다

<figure data-ke-mobilestyle="widthOrigin" data-filename="스크린샷 2023-04-11 오후 4.27.39.png" data-origin-width="1106" data-origin-height="888">
 
 <img src="https://blog.kakaocdn.net/dn/sXE2Q/btr9zOw9aOS/sVzql27HnYMCg4RzCKHfH0/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-filename="스크린샷 2023-04-11 오후 4.27.39.png" data-origin-width="1106" data-origin-height="888">
 
 
</figure>


이렇게 한번 user_id가 세팅이 되면 그 다음 이벤트 부터는 해당 유저로 사용자 속성이 지정되어 전달됩니다
 
 
 </div>
 

 
 </article></div>

나를 찾는 아이

Kyoung min, Kim

GA에서 리포트를 볼때 다양한 필터를 추가할수 있습니다
 
당연히 로그인한 유저의 구매액이라던가 이런것들도 궁금하지 않겠어요?
 
로그인한 유저의 통계만 필터를 걸어 보기 위해서는
 
GA에 user_id 속성을 지정해주어야 합니다
 
 
그렇게 되면 아래 사진처럼 "사용자 ID로 로그인함" 측정 기준을 사용할수 있습니다
 
 
위의 사진에서는 "사용자 ID로 로그인함" 이 비활성화되어있는데요
 
user_id 속성이 하나도 없기 때문입니다
 
user_id 속성을 사용했다면 이렇게 필터가 활성화됩니다
 
 
ga에 user_id 속성을 넣기 위해서는 아래와 같은 코드를 실행하면됩니다
 
 
gtag로는 이렇게
// 유저 아이디 설정
gtag('config', {
  'user_id': 'USER_ID'
});
 
gtm으로는 이렇게
dataLayer.push({
  'user_id': 'USER_ID'
});
 
구글태그매니저에서 사용자 속성이 아닌 일반 필드에 user_id를 넣더라도 동작은 동일하게 하는것으로보입니다
 
 
 
user_id 속성이 전달되면 ga 디버그뷰를 볼때 이렇게 표시됩니다
 
 
 
user_id가 세팅이 된것을 볼수 있습니다
 
user_id는 이메일이나 휴대폰번호와 같은 특정인을 구별할수 있는 값을 쓰지말고 user_id나 그외 특정인을 확정할수 없는 값을 사용하는것이 좋습니다
 
 
 
이렇게 한번 user_id가 세팅이 되면 그 다음 이벤트 부터는 해당 유저로 사용자 속성이 지정되어 전달됩니다

GA의 가장 기본중의 기본 user_id 속성 지정하기

댓글