본문 바로가기
반응형

분류 전체보기

 (484)
사이트에서 값(가치) 가져오기 원하는 요소를 우 클릭하고 '검사' 선택 열린 개발자 도구 창에 음영으로 표시된 요소를 다시 우클릭 'Copy' -> 'Copy JS path' 선택으로 복사 요소의 값 추출 (innerText, textContent, innerHTML 모두 사용가능하나 상황에 따라 조금씩 차이는 있음) document.querySelector("#prod_goods_form > header > div.pay_detail.full-width > div > span > span").innerText 복사한 요소의 값은 숫자로 변화하기 위해 아래 코드를 복사한 요소에 연결 .replace(/[^\d.]/g, '') 예시, document.querySelector("#prod_goods_form > header > div.p..
GA4 보고서 - 수명주기 (획득) 획득 보고서는 개요, 사용자 획득, 트래픽 획득으로 나뉘며 사이트로 유입되는 (새) 사용자들이 어떠한 경로로 들어왔는지 이해하는데 도움을 줍니다. 데이터 집계 데이터의 집계는 사용자 단위로 이루어지며 사용자는 다수의 세션을 세션은 다수의 이벤트를 포함할 수 있습니다. 사용자는 보고 Id의 설정에 따라 분류되며 같은 보고 아이디를 가지는 사용자를 동일한 사용자로 인식합니다. 사용자 획득은 새 사용자만 표시하는 반면, 트래픽 획득 보고서는 세션별 모든 사용자의 정보를 제공합니다. 개요 개요는 획득에 관한 전반적인 보고서를 제공합니다. 카드 우측상단에 드롭다운 버튼을 열면 샘플링 여부가 표시되는데 샘플링은 데이터의 량이 500,000을 넘으면 자동으로 적용되지만 이전까지는 수집된 모든 데이터가 표시됩니다. 획..
데코레이터 데코레이터는 기존코드의 형태를 유지하면서 메타데이터나 비즈니스로직을 추가하는 기능입니다. 아래와 같이 타입이라는 같은 속성에 동일한 값을 가지는 여러 클래스가 존재할 때, 해당 속성을 데코레이터를 통해 설정하게 되면 코드의 중복을 줄일 수 있습니다. 사용하기 타입스크립트에서 데코레이터는 아직 테스트 중인 기능으로 옵션에서 설정을 해 주어야 사용가능합니다. 아래 명령어를 커맨드라인에 입력하고 실행합니다. npx tsc --init 실행이 완료되면 아래와 같이 'tsconfig.json'파일이 생성됩니다. 설정된 옵션이 많은데 데코레이션 사용과 무관하므로 모두 삭제하고 아래 옵션을 추가하고 저장합니다. { "compilerOptions": { "experimentalDecorators": true } } 이..
GA4 보고서 - 사용자 1. 인구통계 인구통계의 경우 기본적으로 지역정보만 제공됩니다. 성별, 나이 등 추가정보를 수집하기 위해서는 구글신호사용을 설정하여야 합니다. 개요 세부정보 측정기준 별 세부정보를 제공하는 보고서입니다. 활용가능한 측정기준은 아래와 같고 측정항목은 다음과 같습니다. ▶ 사용자 (자동 집계) 총 사용자 수 ▶ 새 사용자 (자동 집계) 사이트나 앱을 처음 방문한 사용자의 수 (first_open 이벤트) ▶ 참여세션 (자동 집계) 세션에서 사용자의 참여도를 보여주는 항목으로 아래 조건을 하나라도 충족하면 참여로 인정됩니다. 사이트나 앱에서 10초 이상 체류하거나 1개 이상의 전환이벤트 발생 2개 이상의 페이지를 보았을 때 ▶ 참여율 (자동 집계) 세션대비 참여세션의 비율 (참여세션 / 세션) ▶ 사용자당 참..
GA4 보고서 공통기능 먼저, 모든 보고서 (실시간 제외)에 공통적용되는 GA4 보고서에서 제공하는 공통기능들을 먼저 살펴보겠습니다. 1. 기간 데이터가 수집된 기간을 조정하는 항목으로 어느 보고서에서도 변경가능하며 변경된 기간은 모든 보고서에 공통적용됩니다. 또 두 가지 기간을 지정하여 비교하는 것도 가능합니다. 아래처럼 비교 버튼을 켜고 '적용'을 하면 아래처럼 비교확인이 가능합니다. 2. 비교 기본적으로 개요의 정보는 모든 사용자를 대상으로 합니다. '비교 추가' 기능을 통해 상호 간 비교하는 기능입니다. '비교 추가 +' 선택 또는 우측상단에 그래프아이콘 선택 측정기준 선택 (측정기준 목록보기) 측정기준 값 선택 후 '확인' 선택 해당 조건을 포함한 값을 보고서에 표시할지 또는 제외한 값을 표시할지 선택 하단에..
애즈와 애널리틱스 연결로 활성화되는 기능들 계정을 연결하고 데이터가 흐르기 시작하면 애널리틱스에서 구글 애즈의 데이터 확인이 가능 해 지며, 반대로 구글애즈에서 구글애널리틱스에서 유입되는 데이터의 확인과 이를 캠페인 등에 사용하는 것이 가능 해 집니다. 구글애즈와 애널리틱스를 연결하면 아래와 같은 기능들이 활성화됩니다. 구글애즈 캠페인 획득 보고서 활성화 구글애즈에 생성된 캠페인을 애널리틱스 획득 보고서에서 확인가능합니다. 애널리틱스 사용자 획득 보고서에서 구글애즈 측정기준을 통해 데이터 확인이 가능합니다. 애널리틱스 전환 목록을 구글애즈로 가져갈 수 있습니다. 애널리틱스의 잠재고객을 구글애즈의 리마케팅 타깃으로 활용 가능합니다. 생성된 잠재고객을 가져오는 것만 아니라 구글애즈에서 새로운 연결된 애널리틱스 잠재고객을 생성하는 것도 가능합니다. 해..
유티엠 - 유알엘 빌더 애널리틱스는 기본적으로 유입되는 매체나 소스를 구분하는 기능을 제공합니다. 하지만, 각 소스를 세부적으로 보여주는 것이 아니라 채널이라는 그룹으로 묶고 해당 그룹으로 보여주기 때문에 특정 매체를 통해 광고를 하면서 해당 매체광고 성과를 파악하고자 하는 경우 유용한 정보가 되지 않을 수 있는데요. UTM은 수동으로 URL에 추가정보를 더하는 도구로 언급한 대로 다수의 매체에서 광고를 하면서 각 매체에서 유입되는 트래픽을 파악하고자 할 때 유용합니다. 사용하기 먼저, 사용할 URL을 생성합니다. URL생성은 기본 주소에 매개변수를 추가하는 방식으로 사용가능한 매개변수들은 아래와 같습니다. ▶ utm_id 캠페인 아이디로 GA4로 데이터가 유입되기 위한 필수 값입니다. ▶ utm_source 유입되는 소스를 ..
지네릭 타입제한은 오류를 사전에 발견할 수 있게 하여 안정성을 높이지만 반대로 정해진 타입만 사용가능하므로 코드의 재사용성을 감소시킵니다. 지네릭은 타입제한을 통한 안정성과 코드의 재사용성을 함께 제공하는데요. 코드를 통해 어떻게 지네릭이 사용되는지 보겠습니다. 타입제한 없음 먼저, 아무런 타입제한이 없는 경우의 코드입니다. 타입의 제한이 없기 때문에 배열에 아무런 값이나 들어갈 수 있습니다. // generic.ts class storage { private data:any[] = []; addData(newData) { this.data.push(newData) } } const data = new storage(); data.addData('new') data.addData(1) 타입제한 하지만, 해당 배..
728x90

티스토리툴바