클라비요의 그룹 멤버십 API로 온사이트 콘텐츠를 개인화하는 방법

학습 내용

웹사이트에서 온사이트 개인화를 구현하는 데 사용할 수 있는 klaviyo JavaScript 객체의 getGroupMembership 메서드를 사용하는 방법을 알아보세요. 이를 위해서는 klaviyo 객체를 로드하고 확인할 목록 또는 세그먼트 배열을 전달해야 하며, 이 배열은 현장 개인화에 활용할 수 있는 출력을 반환합니다.

시작하기 전 안내 사항

사이트에 클라비요의 현장 추적을 추가하면 "알려진 브라우저" 의 브라우징 활동만 추적됩니다(예 방문, 참여, 식별된 브라우저 또는 "쿠키("). 클라비요의 온사이트 추적은 익명의 브라우저는 추적하지 않습니다. 클라비요가 현장 추적을 위해 사이트 방문자를 식별하는 3가지 주요 방법이 있습니다:

• 누군가 클라비요 이메일을 통해 귀하의 웹사이트로 이동한 경우.
• 누군가 클라비요 양식을 통해 구독한 경우.
• 누군가 사이트에 로그인했고 추적 기능이 설치되어 있는 경우.

Klaviyo.js를 설치하고 Klaviyo 객체를 로드합니다.

아직 설치하지 않았다면 먼저 Klaviyo.js를 설치해야 합니다. 클라비요의 "사이트 내 활성" 자바스크립트라고도 하는 Klaviyo.js는 자동으로 klaviyo 객체를 지원합니다. 클라비요 계정과의 연동을 사용 설정했거나 클라비요.js를 수동으로 설치한 경우, 관련 호출을 수신하기 위해 klaviyo 객체를 시작할 수 있습니다.

페이지 로드 시 즉시 klaviyo 객체를 사용하려면 위에서 언급한 Klaviyo.js를 설치하는 것 외에도 사이트에 아래 스니펫을 수동으로 설치하는 것을 권장합니다. 클라비요 객체는 페이지당 한 번만 로드하면 됩니다.

클라비요 객체를 로드합니다:

온사이트 개인화를 위해 klaviyo JavaScript 객체의 getGroupMembership 메서드를 사용하려면 다음과 같이 하세요:

1. 코드 내에서 멤버십을 확인하려는 목록 또는 세그먼트 ID를 선택합니다. 제한은 50개의 목록 또는 세그먼트입니다.
2. 클라비요 양식 또는 기타 수단을 통해 사이트에서 사용자를 식별합니다.
3. 멤버십을 확인하려는 목록 또는 세그먼트 ID의 배열을 사용하여 다음 형식으로 전화를 걸 수 있습니다:

klaviyo.getGroupMembership(['listID1', 'listID2', 'listID3'])

제공된 출력은 식별된 사용자가 속한 목록/세그먼트 ID의 배열(해당 ID가 입력 배열에 있었다면)입니다. 빈 배열이 반환되면 너무 많은 ID를 전달했거나 사용자가 제공한 목록이나 세그먼트에 속하지 않는다는 의미입니다.

반환된 세그먼트와 목록 멤버십 데이터를 사용하여 클라비요의 고객 세그먼트를 기반으로 관련 제품, 콘텐츠 등으로 사이트를 맞춤 설정할 수 있습니다.

코드 예제

다음은 여러 세그먼트 ID를 사용하여 getGroupMembership API를 호출하는 방법을 보여주는 예제입니다.

const customerSegments = await klaviyo.getGroupMembership([
  VIPSegmentID,
  UnEngagedSegmentID,
  DogLoversSegmentID,
]);

사이트 성능에 미치는 영향

그룹 멤버십 API는 사이트 성능에 미치는 영향이 미미합니다. 클라비요가 사이트에 로드하는 자바스크립트 파일(예: 웹_개인화.js)은 약 1.2KB에 불과하며 이 파일에 대한 번들 요청은 메인 스레드 차단이 아니므로 페이지 사용성에 영향을 미치지 않습니다.

고객 프로필을 기반으로 사이트를 사용자 지정하기 위해 로드되는 데이터는 처음 요청된 후 브라우저에 캐시되므로 추가 요청 시 백엔드 API 호출이 필요하지 않습니다.

결과

이제 웹 개인화 도구와 함께 klaviyo JavaScript 개체를 사용하여 세그먼트 또는 목록 멤버십에 따라 온사이트 콘텐츠를 개인화할 수 있습니다.

추가 리소스

클라비요 객체 소개

클라비요의 데이터 모델

일반적인 API 용어집