Remix Framework에 구글 애널리틱스 적용하기

안녕하세요? 제가 요즘 Next.js 보다 더 빠져있는 Remix Framework에서 구글 애널리틱스 적용하는 방법에 대해 알아 보겠습니다. 제가 다른 블로그에 쓴 글을 보시면 쉽게 적용할 수 있을 겁니다. Remix Framework에 구글 애널리틱스 적용하기 더보기 안녕하세요? 새로운 블로그를 오픈하면서 구글 애널리틱스 적용을 시도해 보았습니다. 제가 쓰는 블로그 시스템은 Remix Framework으로 만든 Speed Metal Stack인데요. 기본 뼈대는 Remix라서 일단 구글링을 해보고 테스트해봤는데 정상적으로 작동하더라고요. 이제 어떻게 구글 애널리틱스를 Remix 프레임워크에 적용시키는지 알아보도록 합시다. 먼저, 구글 애널리틱스 계정이 있어야겠죠. 자신의 계정에 들어가서 아래 그림처럼..

• format_list_bulleted 코딩/React
• · 2022. 11. 15.
• textsms

Next JS 앱에 구글 애널리틱스 적용하기

안녕하세요? 오늘은 NextJS에 구글 애널리틱스(Google Analytics)를 적용하는 방법을 알아 보겠습니다. NextJS는 일반적인 ReactJS 앱이 아닌 서버사이드 렌더링을 위한 리액트 프레임웤이라 public 폴더에 index.html 파일이 없습니다. 그래서 구글 애널리틱스에서 제공하는 자바스크립트 코드를 그냥 복사할 수 없는데요. 조금은 귀찮은 작업을 해야 NextJS앱에 구글 애널리틱스를 적용할 수 있습니다. 그럼 먼저 본인의 구글 애널리틱스 측정 ID가 있어야겠죠. 다음 사진에서처럼 본인의 구글 애널리틱스 화면에서 맨 왼쪽 아래에 있는 관리 버튼을 클릭하시면 다음과 같이 나옵니다. 본인 사이트에 맞는 속성을 새로 만들어야 할 경우 속성 만들기 버튼을 눌럿 진행하시면 됩니다. 만약 만..

• format_list_bulleted 코딩/React
• · 2021. 8. 5.
• textsms