/Bubble Development Agency

Bubble.io와 Amplitude 통합: 단계별 가이드 2024

Bubble.io를 Amplitude와 통합하여 제품의 성능을 모니터링하고 개선하는 방법을 배우십시오. 단계별 간단한 지시사항이 있어 쉽습니다!

Amplitude란 무엇인가요?

진폭은 비즈니스가 디지털 제품에서 사용자 경험을 추적, 분석, 최적화할 수 있게 해주는 포괄적인 제품 분석 소프트웨어입니다. 이를 통해 사용자 참여를 개선하고 성장을 촉진합니다. 사용자들의 행동에 대한 통찰력을 제공하며 데이터 기반 의사결정을 돕습니다. 실시간 분석, 세분화, 코호트 분석, 실시간 데이터 시각화, 예측 분석 등의 기능을 제공합니다. 제품 팀, 마케터, 데이터 분석가들이 웹과 앱 성능을 향상시키기 위해 널리 사용합니다.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

Bubble.io와 Amplitude을 통합하는 방법은 무엇인가요?

Bubble.io를 Amplitude와 통합하기

Bubble.io는 실제로 코드를 작성하지 않고도 자격있는 프로그래머처럼 정교한 레이아웃과 기능을 만들도록 설계된 도구입니다. 반면에 Amplitude는 인기 있는 제품 분석 플랫폼으로, 제품을 개선하기 위한 사용자 행동 분석을 제공합니다.

다음은 Bubble.io를 Amplitude와 어떻게 통합할지에 대한 단계별 절차입니다.

요구사항

-Bubble.io 플랫폼에 접속
-Amplitude 계정

1단계: Bubble.io에서 시작하기

Bubble.io를 Amplitude와 통합시키기 위해서는 Bubble.io 애플리케이션을 설정하는 것이 첫 번째 단계입니다.

  1. Bubble.io에서 새로운 프로젝트를 만들거나 기존의 것을 선택합니다. 이것은 로그인 후 대시보드에서 할 수 있습니다.
  2. Bubble.io 편집기에서 프로젝트의 필요에 따라 레이아웃과 기능을 구상합니다.

2단계: Amplitude API Key 획득

Bubble.io를 Amplitude와 연결하려면 Amplitude 계정에서 API Key가 필요합니다.

  1. Amplitude 계정에 로그인합니다.
  2. 로그인한 후에 탐색바의 하단에 있는 "Settings(설정)"을 클릭합니다.
  3. 드롭다운 메뉴에서 "Projects(프로젝트)"를 클릭합니다.
  4. Bubble.io에 연결하려는 프로젝트를 선택합니다.
  5. 여기에서 Amplitude가 프로젝트를 위해 생성한 API Key를 찾아 복사합니다.

3단계: Bubble.io를 Amplitude에 연결하기

API 키를 획득하고 나면, 다음 단계는 Bubble.io 애플리케이션을 Amplitude 플랫폼에 연결하는 것입니다.

  1. Bubble.io 편집기로 돌아갑니다.
  2. 탐색바에서 "Plugins(플러그인)"을 클릭합니다.

4단계: Amplitude 플러그인 설치

Bubble.io는 Amplitude와 통합하기 위해 플러그인을 사용합니다. 설치해봅시다.

  1. 플러그인 창에서 "Add plugins(플러그인 추가)" 버튼을 클릭합니다.
  2. 플러그인 검색창에서 "Amplitude"를 입력하면 dropdown에 나타납니다.
  3. Amplitude 플러그인을 클릭하여 Bubble.io 애플리케이션에 설치합니다.

5단계: Amplitude 플러그인 설정

플러그인을 설치한 후에는 Amplitude와 연결할 수 있도록 설정합니다.

  1. 설치된 플러그인 목록에서 Amplitude를 찾아 클릭합니다.
  2. API 키 입력 필드가 나타납니다.
  3. 여기에서 2단계에서 복사한 Amplitude API 키를 붙여넣습니다.
  4. "Enable Log User Out(사용자 로그 아웃 활성화)" 체크박스를 체크하여 Bubble에서 로그아웃할 때 Amplitude에서도 사용자를 로그아웃하도록 합니다.

6단계: Bubble.io 애플리케이션에서 Amplitude 사용하기

Amplitude 플러그인 설정을 완료한 후에는 Bubble.io에서 행사를 만들기 시작하면 Amplitude에서 로그를 기록할 수 있습니다.

  1. Bubble.io 편집기로 돌아갑니다.
  2. 워크플로우 탭을 클릭합니다.
  3. 워크플로우 편집기에서는 Amplitude에서 추적하려는 행동과 행사를 수동으로 추가할 수 있습니다.

그리고 완성! Bubble.io를 Amplitude와 성공적으로 구성하였습니다. 이제 Bubble.io 워크플로우에서 설정한 행사와 행동이 Amplitude에 로그로 기록되고, 제품의 사용 및 효과를 모니터링하고 분석할 수 있습니다.

Bubble.io와 Amplitude 통합 사용 사례

시나리오: 전자 상거래 회사가 Bubble.io를 활용하여 기능이 풍부한 온라인 쇼핑 플랫폼을 개발하고 디자인하고 있다. 사용자 여정을 이해하고, 사용자 경험을 최적화하고, 다양한 제품 제안 및 마케팅 전략의 효과를 추적하기 위해 회사는 응용 프로그램에서 상세 사용 데이터를 수집하고 분석하려고 한다.

솔루션: Bubble.io와 Amplitude의 통합

응용 프로그램 개발 및 디자인: 전자 상거래 회사는 Bubble.io를 사용하여 직관적이고 매력적인 온라인 쇼핑 플랫폼을 구축한다. 이에는 제품 카탈로그, 장바구니, 사용자 프로필, 리뷰 및 평점, 결제 방법 등 다양한 기능이 포함된다.

통합 설정: 회사는 Amplitude 플러그인을 Bubble.io에 설치하고 Amplitude API 키로 구성하여 Bubble.io와 Amplitude를 통합한다. 그 후에 Bubble.io에서 특정 데이터 이벤트를 Amplitude로 보내는 워크플로우를 구축한다.

데이터 이벤트 워크플로우: 사용자가 응용 프로그램과 상호작용하는 경우(예: 제품 탐색, 장바구니에 물품 추가, 구매, 리뷰 작성 등)에 상응하는 워크플로우가 Bubble.io에서 트리거된다. 자세한 이벤트 데이터는 설정된 플러그인을 통해 자동으로 Amplitude로 전송된다.

Amplitude에서의 데이터 분석: Amplitude는 이벤트 데이터를 실시간으로 수신하고 처리하여 회사에게 응용 프로그램 내의 사용자 행동 및 상호작용에 대한 철저한 통찰력을 제공한다. 이를 통해 회사는 사용자 여정을 이해하고 병목 현상을 파악하고 개선 또는 최적화할 영역을 결정할 수 있다.

마케팅 최적화: Amplitude에서 제공하는 상세 데이터 통찰력을 통해 전자 상거래 회사는 마케팅 전략을 반복적으로 테스트하고 개선할 수 있다. 인기 제품, 사용자 인구통계학, 포기된 장바구니, 이탈률 등의 요소를 이해함으로써 회사는 제품 제안, 프로모션, 광고 캠페인 등에 대해 데이터를 기반으로한 결정을 내릴 수 있다.

장점:

  • 철저한 통찰력: Amplitude는 사용자의 행동과 상호작용에 대한 심오한 이해를 제공하여 제품 및 마케팅 전략을 안내할 수 있다.

  • 실시간 데이터: 통합을 통해 실시간 추적 및 분석이 가능하다, 이는 트렌드나 문제에 대한 즉시 대응을 가능하게 한다.

  • 개선된 사용자 경험: 상세한 행동 데이터를 통해 회사는 플랫폼에서의 사용자 경험을 지속적으로 개선할 수 있다.

  • 최적화된 마케팅 전략: Amplitude에서 얻은 데이터를 통해 회사는 더 높은 전환률과 고객 충성도를 위해 제품 제안 및 마케팅 캠페인을 최적화할 수 있다.

Bubble.io와 Amplitude를 통합함으로써, 전자 상거래 회사는 사용자 상호 작용 데이터를 효과적으로 추적하고 활용하여 온라인 쇼핑 플랫폼 및 비즈니스 전략을 최적화할 수 있다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore
Want to Enhance Your Business with Bubble?

Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.

Book a free consultation

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences