일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- node.js
- TypeScript
- react
- node
- 웹뷰
- 카카오톡
- https
- beanstalk
- S3
- angular4
- 페이스북
- swift
- ios
- hybrid
- AWS
- angular
- NeXT
- Elastic Beanstalk
- JavaScript
- fanzeel
- nextjs
- 네이티브
- cors
- 도메인
- 알려줌
- Android
- php
- 안드로이드
- 감사일기
- 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..