[#650] 구글 애널리틱스 추가 #651
Merged
[#650] 구글 애널리틱스 추가 #651
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
hanyugeon
added
🐥 프론트
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
⚡️ Lighthouse Average Scores Across Reports:
⚡️ Average Details Across All Reports:
|
gxxrxn
approved these changes
Jul 10, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
구현 내용
구글 애널리틱스를 추가했어요
개르발민족 계정의 구글 애널리틱스 페이지에서 통계를 확인해 볼 수 있어요!
개르발민족 계정 로그인 이후 여기에서 확인할 수 있어요!
해당 미디엄 블로그의 내용을 참고하여 구현하였습니다.
pr 포인트
동작 방식
utils/gtag.ts의event와pageview함수를 통해 페이지가 몇 번 노출되었는지, 이벤트들은 얼마나 동작하였는지 수집해요.GoogleAnalytics.tsx컴포넌트에gtag.ts유틸들을 일괄적으로 import하고 script를 작성해요Layout.tsx에GoogleAnalytics.tsx를 삽입하여 이벤트와 페이지 노출 횟수와 같은 자료를 구글에 전달해요.바뀐점
devDependencies에@types/gtag.js가 추가되었어요.release프로덕션 브랜치에 머지되면 GA가 최종 작동합니다!dadok.app 도메인 모두 통계자료에 집계되고있네요.. 😅
관련 이슈