본문 바로가기
반응형

전체 글

 (522)
구글 애널리틱스 이벤트 생성하기 구글애널리틱스는 사이트에서 일어나는 다양한 이벤트를 감지하고 보고서를 생성하는 기능을 제공합니다. 이러한 이벤트를 설정하는 방법에 대해서 알아보겠습니다. 애널리틱스의 구버전인 UA와 신버전인 GA4는 이벤트를 설정하는 방식이 조금 다른데요. 하나씩 보도록 하겠습니다. HTML 삽입 미리보기할 수 없는 소스
구글 애즈 전환 보고서 보기 구글애즈에서 설정된 구글 애즈 전환의 수치와 상태를 확인해 보겠습니다. 확인하기 먼저, 광고 중인 계정에서 상단 메뉴 '도구 및 설정' -> 측정항목에서 '전환'을 선택합니다. 요약 페이지가 열리고 아래와 같이 각 전환의 정보를 확인 가능한데요. 1. 전환액션 전환의 명칭을 의미합니다. 해당 명칭을 선택하면 전환 설정화면으로 이동 가능합니다. 생성된 구글애즈 전환 설정 변경하기 (tistory.com) 생성된 구글애즈 전환 설정 변경하기 html { scroll-behavior: smooth; } 전환 페이지로 이동하기 수정하기 1. 전환이름 수정하기 2. 목표 및 최적화 수정하기 3. 값 수정하기 4. 소스 5. 횟수 6. 클릭연결 전환 추적 기간 7. 조회 완료 전환 추적 jin-co.tistory...
구글 애널리틱스 GA4 수동생성된 이벤트 보고서 누락? 구글 애널리틱스 GA4에서 이벤트를 수동으로 생성 후 보고서에는 뜨는데 막상 전환으로 설정하려고 하니 아무리 기다려도 이벤트 목록에 뜨지 않는 경험이 있으신가요? 이러한 현상이 발생하는 이유는 해당 데이터의 양이 일정 수준을 넘어야만 보고서에 표시하는 data threshold (최소 데이터양)가 원인인데요. 최소 데이터양이 적용되는 조건과 이를 우회하여 수동 이벤트를 보고서에 표시하기 위한 방법을 알아보겠습니다. 원인 애널리틱스에서 여러 속성을 관리하시는 분들은 아시겠지만 수동이벤트를 생성한다고 해서 무조건 최소 데이터양을 넘어야 이벤트나 보고서에 표시되는 것은 아닌데요. 최소 데이터양 제한은 구글 시그널을 사용할 때 활성화되는 사용자 추가 정보 때문에 적용됩니다. 구글 시그널이 활성화되면 사용자가 가..
구글 애널리틱스 GA4 이벤트? GA4는 이벤트를 기반으로 작동하며 전환, 전자상거래 등의 설정도 모두 이벤트를 기반으로 합니다. 이벤트는 사용자가 웹사이트에서 하는 모든 행동을 의미합니다. 먼저, GA4에서 제공하는 이벤트의 종류를 보겠습니다. 이벤트 종류 이벤트는 크게 자동이벤트, 추천이벤트, 수동이벤트로 나뉘는데요. 자동과 추천 이벤트는 많이 사용되는 이벤트를 기준으로 구글에서 미리 구현해 놓은 이벤트이며 정해진 이벤트 이름을 가집니다. ※ 구분 이벤트 종류 자동이벤트 향상된이벤트 추천이벤트 수동이벤트 구현방식 자동집계 (설정 불필요) 자동집계 (켜기/끄기) 이벤트 설정 및 전송 이벤트 설정 및 전송 기본 매개변수 있음 없음 매개변수 보고서 설정 불필요 (제공되는 매개변수인 경우) 필요 보고서 표시 제한 없음 있음 1. 자동이벤트..
구글 판매자센터 설정하기 설정하기 '성장' -> '프로그램 관리' -> 열린 화면에서 '쇼핑광고' '시작하기' 선택 좌측에 메뉴를 하나씩 체크해 나가면 되는데요. 1. 비즈니스 세부정보 추가 주소를 입력하고 저장합니다. 전화번호를 인증합니다. 사업자 번호 (형식: 111-11-11111)를 입력하고 '저장' -> '계속'을 누릅니다. 2. 사이트 소유권 주장 소유권은 사이트 공통헤드에 인증용 메타테그 삽입, 파일 업로드, 또는 사용 중인 구글애즈 등의 태그를 활용하는 방법이 있습니다. 사이트에 연결된 다른 구글 제품이 있는 경우 아래 '다른 방법 보기'를 선택하여 해당 제품을 선택하고 인증하기를 누릅니다. 만약, 사이트에 삽입된 다른 제품의 태그가 없거나 사용하고 있지 않은 경우 'HTML 파일 업로드'를 선택하여 인증용 메타 ..
구글 판매자센터 제품추가하기 구글 판매자센터는 광고에 사용할 상품을 등록하고 활용하는 온라인 창고와 같습니다. 상품을 등록하는 방법을 여러 가지가 있는데 각 방법에 대해 알아보겠습니다. HTML 삽입 미리보기할 수 없는 소스
Firebase Storage (Angular, React) 파이어베이스 스토리지는 이미지 등 Static 파일을 저장할 때 사용합니다. 파이어베이스 스토리지 사용하기 계정으로 로그인한 뒤 좌측 메뉴에서 'Build' -> 'Storage' 선택 후 열린 화면에서 'Get started'를 누릅니다. 편의를 위해 'test mode'를 선택하고 'next'를 누릅니다. 지역선택 후 'done'을 누르면 (이미 지역이 선택되어 있는 경우 자동을 선택됨) 아래와 같이 완성됩니다. 애플리케이션과 연동하기 앵귤러 스토리지를 사용하기 위해 먼저 앵귤러와 파이어베이스를 연결합니다. 1. 앵귤러에 파이어베이스 연결하기 Firebase - angular 연결하기 먼저, 앵귤러 프로젝트 콘솔에서 아래와 같이 @angular/fire 모듈을 설치합니다. ng add @angular..
기본 스타일 - 리셋 CSS의 각 요소는 미리 지정된 기본 스타일을 가지고 있습니다. 예를 들어 요소의 경우 기본적으로 마진을 가지기 때문에 화면에 아래와 같이 표시됩니다. 문제점 기본 스타일은 때에 따라서 필요한 경우도 있지만 스타일 작업 시 기본 스타일도 고려하려야 하기 때문에 스타일링 작업을 힘들게 하는 요소로 작용합니다. 또 브라우저마다 각 요소의 기본 스타일이 다르게 설정되어 있어 같은 웹사이트라도 브라우저마다 다르게 표시되어 사용자에게 부정적인 경험을 줄 수 있겠죠. 기본 스타일 제거하기 따라서, 스타일 작업에 앞서 기본 스타일을 제거하거나 일반화하는 작업이 필요한데요. 아래와 같은 방법 중 하나로 가능합니다. 1. CSS reset 말 그래도 CSS 스타일을 리셋하고 시작하는 방식으로 아래와 같은 코드를 사용합니..
728x90

티스토리툴바