Klaviyo.js 및 사이트 속도 보고서 문제 해결
학습 내용
Klaviyo의 온사이트 JavaScript(Klaviyo.js)에 대해 알아보세요. 이는 사이트에서 활성 트래킹을 사용 설정하기 위해 사이트에 붙여넣는 코드 조각과 사이트 속도에 미치는 영향이에요. 웹사이트에 Klaviyo 가입 양식을 게시하려면 Klaviyo.js를 설치해야 해요.
연동을 통해 사이트에서 활성을 활성화하는 데 도움이 필요하면 가입 양식이 활성화되어 있는지 확인하는 방법을 참조해 주세요.
사이트 속도 성능 문제를 해결해 보세요
Klaviyo.js는 여러 전자상거래 연동을 통해 자동으로 삽입되며, 다른 플랫폼의 경우 수동으로 설치할 수 있어요. 이를 통해 Klaviyo 가입 양식이 표시되도록 할 수 있으며, 고객이 사이트에서 활성 상태인지 트래킹할 수도 있어요.
- Klaviyo의 JavaScript가 웹사이트 성능(예: PageSpeed 점수)에 영향을 미치고 있으며 연동을 통해 자동으로 설치된 경우, 대신 수동으로 설치해 보세요.
Shopify의 경우, 수동으로 설치하기보다는 Klaviyo의 Shopify 앱 임베드 를 통해 사이트 활성 트래킹을 활성화하는 것을 권장해요. 이렇게 하면 웹사이트의 기본 태그 관리자를 우회할 수 있으며 Klaviyo의 JavaScript를 더 빠르게 로드할 수 있어요.
- Klaviyo 가입 양식을 사용하지 않는 경우(즉, 웹사이트에서 가입 양식을 생성하고 게시하는 데 다른 도구를 사용하는 경우) 가입 양식 탭의 모든 양식이 초안으로 설정되어 있는지 확인해 주세요. 양식이 오프라인 상태일 때 온사이트 추적을 위해 Klaviyo.js를 계속 설치할 수 있습니다.

각 가입 양식의 상태 를 확인하려면 가입 양식 탭으로 이동하세요. Live는 사이트에 게시된 양식을 의미하고, Editing은 게시되지 않은 변경사항이 있는 게시 중인 양식을 의미하며, Draft는 이전에 게시를 중단한 양식을 포함해 현재 사이트에 게시되지 않은 양식을 의미해요.
활성 A/B 테스트 또는 최적화가 없는 라이브 양식의 경우:
- 가입 양식에서 양식의 점 3개 메뉴를 열고 편집을 선택해 주세요.
- 편집기의 상태 드롭다운에서 초안을 선택해 주세요. 이렇게 하면 양식이 오프라인으로 전환되며, 변경 사항을 게시할 필요가 없어요.
- 가입 양식으로 돌아가서 양식의 상태가 초안인지 확인해 주세요. 더 이상 사용하지 않는 각 활성 양식에 대해 이 작업을 반복해 주세요.
활성 A/B 테스트가 있는 양식의 경우, 양식 메뉴에서 분석을 열고 A/B 테스트 결과로 이동한 다음 활성 A/B 테스트를 선택하세요. 승자 선택을 클릭하고 같은 이메일의 다른 버전을 선택한 다음 테스트 종료 및 선택한 같은 이메일의 다른 버전을 초안으로 설정을 선택하고, 확인을 위해 승자 선택을 클릭하세요.
최적화가 실행 중인 양식의 경우, 양식 메뉴에서 분석을 열고 A/B 테스트 결과로 이동해 주세요. 최적화 테스트와 활성 최적화를 선택한 다음, 점 3개 메뉴에서 테스트 종료를 선택해 주세요. 유지할 같은 이메일의 다른 버전을 선택하고 테스트 종료를 클릭해 확인해 주세요. 이렇게 하면 선택한 같은 이메일의 다른 버전이 라이브로 남아 있으므로, 위의 단계에 따라 양식을 초안으로 설정해 주세요.
양식이 나중에 게시되도록 예약되어 있다면 가입 양식에서 해당 양식의 메뉴를 열고 일정 편집을 선택한 다음 일정 삭제를 클릭해 오프라인 상태로 유지해 주세요.
Klaviyo의 표준 설치 방법은 Klaviyo.js를 비동기적으로 로드하므로, 브라우저는 스크립트를 다운로드하는 동안에도 페이지 로드를 계속할 수 있어요. JavaScript를 실행하는 경우에도 브라우저 리소스를 사용하므로 페이지 성능에 영향을 줄 수 있어요. 따라서 Google의 PageSpeed 인사이트 및 기타 사이트 속도 보고서에서 사이트 로드 시간에 영향을 주는 요인으로 이를 표시할 수 있어요.
사이트 속도와 SEO는 고객에게 중요하며, Klaviyo는 JavaScript로 인한 영향을 최소화하기 위해 노력하고 있어요. 엔지니어가 klaviyo.js를 최적화한 방법을 알아보세요. Klaviyo.js의 성능을 높이고 로드 시간을 개선하기 위한 새로운 업데이트를 출시하면서 계속해서 개선 사항을 확인하실 수 있어요.
추가 자료
- Getting started with Klaviyo onsite tracking
Learn about the different ways that Klaviyo can support onsite tracking on your ecommerce site. There are 2 key types of onsite tracking:
- Understanding third-party apps
Learn how to find third-party apps, which are apps built by third parties (instead of by Klaviyo) using Klaviyo's APIs. Klaviyo's APIs enable a large variety of third-parties to build apps and integrations with our platform. You can search for both Klaviyo-built integrations and select third-party apps in our app marketplace. If you are looking for an app you can't find on our marketplace, we recommend reaching out to the platform directly.