feat: 구글태그매니저(gtm) 스니펫 삽입

seoyoung-min commented 6 months ago

개요

GTM(Google Tag Manager) 이용을 위한 코드를 삽입했습니다.
로그인 버튼 클릭 특정을 위해, 로그인버튼 Link 태그에 id를 삽입했습니다.

작업 사항

코드 수정

[x] layout의 <head>태그 내 최상단, <body>태그 내 최 상단에 삽입
[x] LoginModal의 카카오톡 로그인 버튼에 id 삽입
[x] GA코드 삭제
[x] 로그인 버튼 페이지에 따라 class 또는 id 달라지도록 설정하기 (로그인 모달 뜨는 경우는 아래 참고)
- /intro: introLoginBtn
- /: headerLoginBtn, redirectedLoginBtn(접근불가 페이지 접속시 리다이렉트 된 경우), exploreFollowLoginBtn
- / or /searchor /user : floatingLoginBtn
- /search or /: bottomNavLoginBtn
- /user : followLoginBtn
- /list: collectLoginBtn, commentLoginBtn, DuplicateList
- /login: loginPageBtn
[ ] 비회원 '이 타이틀로 리스트 생성하기' 버튼 클릭시 로그인 모달 띄우기 + 버튼id추가 (생성페이지 이동 차단) - refactor/duplicateList

기타

[x] GTM에 GA연결
[x] GTM 컨테이너ID 새로 발급
[ ] GTM 상황별 버튼 이벤트 추가

참고 사항

참고 링크: https://datarian.io/blog/create-gtm-account

vercel[bot] commented 6 months ago

@seoyoung-min is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.

seoyoung-min commented 6 months ago

서영님! pr 올려주신 내용 확인하였습니다!!🥰 관련 코드는 GA를 보다 상세하게 하기위한 설정으로 이해했는데 맞게 이해했을까요?? 😂💡

저도 정확한 구분과 개념은 잘 모르겠지만, 활용을 위해 빠르게 이해한 바를 바탕으로 말씀드리겠습니다!!🤓 GTM을 이용해서 특정 이벤트 발생시 데이터가 생기도록 해주고, GA를 통해 보고서 형태로 볼 수 있는 것 같아요! GA에서도 기본적인 여러 통계들(인구통계, 재방문)을 자동으로 제공해주기는 하지만, 구체적인 이벤트에 대한 분석을 위해서는 GTM을 써야하는 것 같더라구요! (ex. 특정 버튼 클릭 등)

8-Sprinters / ListyWave-front

feat: 구글태그매니저(gtm) 스니펫 삽입 #207

개요

작업 사항

코드 수정

기타

참고 사항