-
[bubble.io]노코드 툴 버블 구글애널리틱스(GA)1. 연결하기버블강좌 2023. 2. 21. 18:24
bubble.io 노코드툴 버블 쉽게 시작하기 세번째 - 구글애널리틱스 연결하기
버블을 사용하여 성공적으로 웹페이지를 빌딩하고 Live 했다면 이제 고객의 반응을 볼 차례다.구글은 구글 애널리틱스를 통해 수집한 웹페이지 사용자의 행동을 분석할 수 있도록 도와준다. 과연 우리의 사용자는 우리가 기획한데로 움직일까? 분석에 앞서 구글 애널리틱스에 버블로 만든 웹페이지를 등록하는 방법부터 알아보자!
0. 준비물
- 구글 계정
- '완성된' 버블 웹페이지 주소
- 구글 애널리틱스 계정 세팅하기
- 계정 설정
- 계정 이름 - 대표명
- 계정 데이터 공유 설정 (밴치마킹 데이터)
- 속성 설정 (사이트 기준 )
- 속성이름 - 사이트 명
- 보고시간대/통화
- 비지니스 정보입력
- 스트림 생성 (웹사이트기준)
- 웹사이트 URL 입력
- 스트림 이름은 겹치지 않게
- 향상된 측정
- 계정 설정
- 측정 ID 확인하기
- 태그
- Gtag 헤드영역에 등록하기
- 태그관리자 GTM 이용하기 (다른 강의 연결)
1. 구글 애널리틱스 계정세팅하기
먼저 구글 애널리틱스에 접속합니다.
'측정 시작'을 눌러 계정을 생성합니다.
계정 설정하기
구글 애널리틱스의 계정구조는
계정안에 속성이 존재하고 속성 안에 스트림 이라는 플랫폼별 데이터를 수집하는 단위가 있다.
먼저 계정 이름부터 설정하자
계정이름은 '대표명'으로 쓰자
속성 설정하기
속성은 측정하고자 하는 웹사이트 명으로 쓰는 것이 좋다.
비즈니스 정보 설정
비즈니스 정보를 설정한 후에
약관 동의하기를 하면 계정 생성이 완료된다.
내 이메일 커뮤니케이션 설정을 저장하면
바로 스트림 생성을 진행한다.
스트림 생성하기
스트림은 플랫폼 별로 데이터를 수집하는 단위다. 이 강의는 버블 웹사이트를 기준으로 작성되었기 때문에 웹 플랫폼을 선택한 후 진행한다.
스트림 이름
스트림이름은 다른 스트림과 겹치지 않게 작성한다. 웹사이트 명_ 스트림으로 작성하는것이 좋다.
향상된 측정을 사용하면 GA에서 자동으로 페이지 조회(Page View), 스크롤 등의 사이트 상호작용을 측정해 준다.
스트림만들기를 하면 구글 태그 설치하기 화면이 나온다.
2. 버블에 gtag 태그 설치하기
버블을 구글 애널리틱스 CMS를 지원하지 않으므로 직접설치를 통해 구글태그를 설치해야한다.
직접설치를 선택하고 아래의 수동으로 Google 태그 설치의 코드를 복사한다.
GA를 심을 버블 앱으로 돌아와
Settings에 들어간다.
SEO/ metatags 탭에서
하단의 SEO settings를 보면
Script/meta tags in header 항목에 위에서 복사한 Google 태그를 붙여 넣으면 완료 된다.
2. 데이터 수집 활성화 확인하기
구글 태그 설치 이후 잠시 후 구글 애널리틱스에서
'웹사이트의 데이터 수집이 활성화 되었습니다.' 라고 뜨면
이제 우리의 웹사이트와 사용자의 상호작용에 대한 데이터가 GA에 적재되기 시작한다!
3. 측정 ID 확인하기
이제 심어놓은 GA를 통해 데이터를 분석해야하는데 그전에 각종 상호작용(이벤트)을 세부적으로 측정하는데 있어 중요한 항목이 있다.
바로 Google 태그라고 불리는 태그이다.
상호작용 발생 -> 태그가 감지 -> 데이터를 전송
하는 순서라면 태그가 데이터를 어디에 전송해야하지? 할때의 목적이 되는 곳이 바로 스트림이다.
스트림은 측정 ID라고 하는 주소를 가지고 있고
태그마다 이 측정 ID를 통해 데이터의 목적지를 설정한다.
구글 애널리틱스 화면 하단의 관리를 클릭하고
속성- 데이터 스트림을 선택하면 아래와 같이 웹스트림 세부정보가 출력된다.
웹스트림 세부 정보에서 측정 ID를 확인 할 수 있다.
기본적인 ga4 계정세팅이 끝났다면
구글 태그매니저를 통해 사용자 이벤트를 수집하는 방법에 대해 알아보자
2023.02.21 - [버블강좌] - [bubble.io]노코드 툴 버블 구글애널리틱스(GA) 2. GTM설정하기
'버블강좌' 카테고리의 다른 글
[bubble.io]노코드 툴 버블 구글애널리틱스(GA) 2. GTM설정하기 (1) 2023.02.21 [bubble.io]노코드 툴 버블 소셜로그인 (2) 2023.02.21