구글 애널리스틱을 이용하여 사이트에 들어오는 방문자 수 및 각종 데이터를 확인하려고 합니다. Next.js에서 사용하는 방법을 기록하려 합니다. 시작하기! 1. 새로운 탭 만들기 이미 계정이 있으시다면 왼쪽 탭에서 관리를 눌러주시고 없으시다면 계정을 생성해 주세요. 속성 만들기를 누릅니다. 모든 설정을 마치고 만들기를 눌러주세요. 만들게 되면 이러한 화면이 나옵니다. 태그 안내 보기를 누릅니다. 이러한 스크립트가 나오는 곳까지 오시면 절반은 성공입니다! 2. Next.js 에서 _document 설정하기 document에서 script 설정을 해주어야 합니다. Next/Script를 이용하여 실행 순서를 설정해 줍니다. 둘 다 afterInteractive로 하여도 정상적으로 작동할 것입니다. 그리고. ..
이번에 작은 프로젝트를 하면서 광고를 넣으면 좋겠다고 생각해서 구글 애드센스를 넣다가 너무 많은 오류를 만나게 되어서 나중에 다시 보기 위해서 기록하게 되었습니다. 시작하기! 1. 사이트 등록하기 https://www.google.com/intl/ko_kr/adsense/start/ Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.com 웹사이트를 연결하면 됩니다. 2. 사이트 연결하기 스크립트를 연결하면 됩니다. 이때 Next.js 에서는 _document를 이용합니다. _document import {..
- Total
- Today
- Yesterday
- 스토리 북
- WSL2
- nextjs
- 위코드
- NextApiRequest
- nodejs
- createPortal
- 우아한테크코스
- env
- 아차산
- React
- 노개북
- 원티드
- 프론트앤드
- Storybook
- import/order
- error
- NextRequest
- CLASS
- 윤성우 열혈C프로그래밍
- 북클럽
- 노마드코더
- javascript
- 초보
- C언어
- TopLayer
- 프리온보딩
- electron
- jest
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |