/Bubble Development Agency

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

강력한 개발 도구인 Bubble.io를 Segment와 통합하는 방법을 배우세요. 이를 통해 효율적인 데이터 분석이 가능해집니다. 저희의 단계별 가이드를 통해 과정을 간단하게 해드립니다.

Segment란 무엇인가요?

세그먼트는 기업이 고객 데이터를 관리하고 통합하는 데 사용하는 강력한 데이터 관리 도구입니다. 이는 기업이 데이터를 수집하고 수백 가지 다른 도구와 서비스로 전송하는 데 사용하는 통합 API를 제공하며, 실시간으로 데이터 품질을 검증합니다. 이를 통해 엔지니어들이 수많은 데이터 통합을 작성하고 유지 관리하는 것을 피할 수 있습니다. 세그먼트는 여러 데이터 소스를 한 곳에서 결합하여 분석 과정을 크게 단순화시킬 수 있는 능력 때문에 특히 인기가 있습니다.

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와 Segment을 통합하는 방법은 무엇인가요?

Bubble.io는 능력 있는 툴로서, 코딩을 모르는 사람들이 다이나믹 웹 어플리케이션을 만들 수 있게 해줍니다. 반면에 Segment는 분석 연결 도구로서, 기업들이 고객 데이터를 수집, 정제, 통제할 수 있게 해줍니다. Bubble.io와 Segment를 결합하면, 마케팅, 분석, 창고 관리 등의 수백 가지 도구로 이벤트를 보낼 수 있게 됩니다.

다음 단계를 수행하여 이 통합을 달성해 보세요:

단계 1: Segment 프로젝트를 생성하세요

먼저, Segment에서 프로젝트를 생성해야 합니다:

  1. Segment 계정에서 로그인하세요. 계정이 없으시다면, 새 계정을 만드세요.

  2. 대시보드에서 _"New Workspace"_를 클릭하여 새 프로젝트를 생성하세요.

  3. 프로젝트의 이름, 설명을 입력하고 "Create Workspace"를 클릭하세요.

  1. 다음 화면에서 _"Add Source"_를 클릭하십시오.

  2. 소스로 "Javascript"을 선택하고 "Add Source"를 클릭합니다.

  3. 제공된 쓰기 키를 저장하세요. 나중에 필요할 때는 설정에서 찾을 수 있습니다.

단계 2: Bubble에서 Segment Toolbox 플러그인을 설치하세요

Bubble은 Segment script를 쉽게 삽입하고 트랙 및 식별 호출을 보낼 수 있는 Segment – Toolbox라는 플러그인을 제공합니다.

Bubble 계정에서 로그인한 후, 아래 단계를 수행하여 플러그인을 설치하세요:

  1. Bubble 대시보드에서 원하는 응용 프로그램을 열고.

  2. 왼쪽 패널에서 "Plugins" 탭을 클릭하세요.

  3. "+ Add Plugins" 버튼을 클릭하세요.

  1. 플러그인 검색 창에 "Segment - Toolbox"를 입력하세요.

  2. 검색 결과에서 "Segment – Toolbox"를 클릭하고, 그 다음 "Install" 버튼을 클릭하여 응용 프로그램에 추가하세요.

단계 3: Segment – Toolbox 플러그인을 설정하세요

Bubble에 Segment 플러그인이 추가되면, 이제 설정할 차례입니다.

  1. Bubble App 편집기에서 "Plugins" 탭을 클릭하십시오.

  2. "Installed Plugins" 아래에서 "Segment - Toolbox"를 클릭하세요.

  3. 플러그인 설정 창이 나타납니다. "API 키" 필드에 단계 1에서 생성한 Segment 프로젝트의 "write key"를 붙여 넣으세요.

  1. "Load Segment At Page Load" 체크박스를 선택하여 페이지가 로드될 때 Segment를 초기화하도록 설정하세요. 서버 사이드 이벤트를 보낼 계획이 있다면 "Enable Server Side Events" 체크박스를 선택하세요.

  2. Plugin 설정 창 이외의 위치를 클릭하여 창을 닫고 설정을 자동으로 저장합니다.

단계 4: Bubble에서 이벤트 생성하기

Bubble 앱에서 Segment가 올바르게 초기화되면, 이제 Segment로 이벤트를 보낼 준비가 되었습니다.

  1. Bubble 편집기에서 Workflow 탭을 열고.

  2. "+ Add an action" 버튼을 클릭하세요.

  3. "Plugins"에서 "Segment - Toolbox" 옵션을 선택하세요.

  1. "Track" 또는 "Identify"를 클릭하세요. 이는 모니터링하려는 사용자 상호작용 또는 이벤트에 따라 다릅니다.

단계 5: Segment를 Destinations에 연결하기

추적된 이벤트를 다른 서비스 또는 도구로 전달하려면, Segment에서 destinations를 설정해야 합니다.

  1. Segment Dashboard로 다시 돌아가세요.

  2. 프로젝트로 이동하여, 이벤트를 추적하는 소스를 선택하세요.

  3. 왼쪽 메뉴에서 "Destinations"을 클릭하세요.

  1. "Add Destination"을 클릭하고, 검색하여 추적 이벤트를 보낼 목적지 도구를 선택하세요.

  2. 목적지를 활성화하고, 각 도구에서 제공하는 단계에 따라 설정하세요.

이제, Bubble을 통해 추적된 모든 이벤트가 Segment를 통해 선택한 목적지로 전달됩니다. 이는 Google Analytics, 데이터 웨어하우징 도구, 또는 다른 분석 도구가 될 수 있습니다. 데이터를 통제하고 필요에 따라 도구를 추가하거나 제거할 수 있으며, 매번 앱을 재구현 할 필요가 없습니다.

Bubble.io 앱에서 사용자 상호작용을 효율적으로 분석하는 것을 즐기세요!

Bubble.io와 Segment 통합 사용 사례

시나리오: 온라인 소매업체가 데이터 기반의 커뮤니케이션을 통해 고객 참여 전략을 향상시키고 싶어합니다. 그들은 고객이 상품을 둘러보고 구매할 수 있는 맞춤형 전자 상거래 응용 프로그램을 개발하기 위해 Bubble.io를 사용합니다. 그들은 모든 고객 활동, 선호 사항, 구매를 추적하고 이러한 데이터를 활용하여 자신의 이메일 마케팅 플랫폼인 Mailchimp를 통해 개인화된 커뮤니케이션을 제공하려고 합니다.

해결책: Bubble.io를 Segment와 통합

응용 프로그램 개발: 소매업자는 Bubble.io를 사용하여 제품 목록, 쇼핑 카트, 고객 계정 및 구매 이력과 같은 기능을 갖춘 맞춤형 전자 상거래 응용 프로그램을 만듭니다.

통합 설정: 소매업자는 Bubble.io 내에 segment 플러그인을 설치하고 이를 자신의 Segment 워크스페이스에 연결합니다. 또한, 그들은 Segment 플랫폼 내에서 자신의 Mailchimp 계정을 설정합니다.

인앱 이벤트 트래킹 생성: 그런 다음 소매업자는 계정 생성, 제품 보기, 장바구니에 추가, 구매와 같은 애플리케이션 내에서 고객의 동작이 발생할 때 트리거되는 워크플로우를 Bubble.io에서 생성합니다.

데이터 전달 워크플로우: 고객이 이러한 동작 중 어떤 것을 수행하든, 이벤트에 관련된 데이터(예: 고객 정보, 제품 정보, 거래 세부 정보)는 활성화된 Segment 플러그인을 통해 Bubble.io에서 Segment로 전송됩니다.

Segment에서의 데이터 처리: 데이터를 받으면 Segment는 이를 처리하고 고객 데이터와 이벤트 데이터를 Mailchimp로 전달합니다.

Mailchimp에서의 고객 참여: Segment에서 받은 고객 데이터와 이벤트 데이터를 사용하여 Mailchimp는 소매업 체에게 개별 고객의 행동과 선호도에 기반한 이메일 커뮤니케이션을 맞춤화할 수 있도록 합니다. 그들은 개인화된 프로모션, 제품 추천, 장바구니 미리 알림 등을 보낼 수 있습니다.

분석 및 최적화: Segment는 고객의 행동과 다른 소통 전략에 대한 반응을 모니터링 하는 강력한 분석 기능을 제공하여, 소매업체가 시간이 지남에 따라 전략을 더욱 세밀하게 수정하는 데 도움을 줍니다.

이점:

  • 효율성: 고객 추적 및 데이터 처리를 자동화함으로써 소매업체는 사업의 다른 측면에 집중할 수 있는 시간이 확보됩니다.
  • 개인화: 통합을 통해 소매업체는 더 개인화되고 관련성 있는 커뮤니케이션을 생성할 수 있어 고객 참여와 전환률을 향상시킵니다.
  • 데이터 기반의 의사결정: 소매업체는 Segment에서 얻은 인사이트를 활용하여 마케팅 및 참여 전략에 대한 전략적 결정을 내릴 수 있습니다.
  • 결합된 경험: 소매업체는 맞춤형 전자 상거래 응용 프로그램을 이메일 마케팅과 통합함으로써 고객에게 이음 없이 일관된 경험을 제공할 수 있습니다.

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

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