구글 태그 인식을 위한 script 코드 추가, 사이드바에서 Toast가 잘려 보이는 이슈 해결 #593
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
|
⚡️ Lighthouse report!
|
inyeong-kang
commented
Sep 13, 2023
| </PostOptionProvider> | ||
| </ThemeProvider> | ||
| </QueryClientProvider> | ||
| </ErrorBoundaryForTopClass> |
There was a problem hiding this comment.
에러가 나는 경우에도 구글 태그가 있어야 지속적인 사용자 추적이 가능해서 최상단에 구글 태그를 두었습니다.
inyeong-kang
changed the title
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.
🔥 연관 이슈
close: #592
close: #475
📝 작업 요약
구글 태그 인식을 위한 script 코드 추가
⏰ 소요 시간
10분
🔎 작업 상세 설명
기존 코드로 구글 태그가 인식되지 않아 script를 추가함.React 같은 SPA 앱인 경우에는 일반 html 문서와 렌더링 방식이 다르기 때문에, 컴포넌트를 별도로 만들어서 App.tsx 에서 import 해야 제대로 구글 태그가 인식된다고 하네요..!
이를 위해
react-gtm-module이라는 모듈 설치해줬습니다.🌟 논의 사항
참고자료는 아래와 같습니다.
https://neep305.tistory.com/61
https://juunone.netlify.app/web/gtm/
https://goo-gy.github.io/2021-04-28-google-tag-manager