일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- react
- hybrid
- angular
- fanzeel
- 도메인
- beanstalk
- Elastic Beanstalk
- JavaScript
- cors
- S3
- 감사일기
- 네이티브
- ios
- 페이스북
- 안드로이드
- angular4
- nextjs
- NeXT
- 알려줌
- TypeScript
- node.js
- swift
- AWS
- Android
- node
- php
- https
- 카카오톡
- Route53
- 웹뷰
- Today
- Total
목록Google Analytics (2)
쪼렙 as! 풀스택
나는 ReactGA 라이브러리를 쓰기로 했다. $ yarn add react-ga 모든 페이지에서 componentDidMount() 에다가, 페이지 트래킹 셋팅을 할 수 도 있겠지만, 그것은 좀 귀찮은 일이다. 그래서 next/Router 의 onRouteChangeComplete 리스너를 달아서, 라우팅주소가 변경될때마다, 자동으로 트래킹을 하게 만들었다. import ReactGA from 'react-ga';import Router from 'next/router' Router.onRouteChangeComplete = url => { console.log("라우트 체인지 컴플릿", url) const pathName = window.location.pathname; ReactGA.initiali..
Angular4로 component 단위의 개발은 매우 편리한데,Javascript 라이브러리를 가져다 쓰려면, 꼭 귀찮은 일들이 발생하기 마련이다. GoogleAnalytics 로 Tracking 을 해야됐어서, Javascript 코드로 심으려고 보니까,window 객체에 property 를 추가해야했다. 개발자 가이드를 보면, https://developers.google.com/analytics/devguides/collection/gtagjs/ window 객체에 dataLayer 라는 프로퍼티와, gtag() 라는 function 을 추가해야한다. 문제는 TypeScript 에서 window 객체에는 그냥 저런식으로 접근할 수도, 추가할 수 도 없다. 그래서 TypeScript 에서 windo..