가입 양식 문제 해결

Klaviyo에서 양식을 게시했지만 표시되지 않는 경우:

• 양식이 라이브인지 확인해 주세요. 가입 양식 탭에서 양식의 Status열 아래에 녹색 화살표와 함께 "Live "가 표시되어야 합니다.
  • 위에서 언급했듯이, Klaviyo 가입 양식은 Internet Explorer에 표시되지 않아요.
• Klaviyo.js 온사이트 코드 조각을 설치하고 활성화 (“Active on Site” 트래킹이라고도 함)하기 위한 모든 지침을 따랐는지 확인해 주세요.
• 임베드된 양식을 사용 중이라면 사이트 코드에 설치 모델에 표시된 그대로 올바른 임베드 코드가 설치되어 있는지 확인해 주세요.
• 가입 양식 편집기에서 타겟팅 & 행동 섹션을 검토하세요:
  • Targeting, 에서 현재 보고 있는 URL에 폼이 표시되도록 구성 되어 있는지, 또는(위의 테스트 팁에 설명된 대로) 고유한 이메일 주소를 사용하고 있는지 확인해 주세요.
  • 표시 타이밍에서 표시 타이밍 설정이 너무 제한적이지 않은지 확인해 주세요. 양식이 규칙에 따라 표시로 설정되어 있으면, 양식이 표시되려면 모든 기준을 충족해야 해요. 예를 들어, “방문자가 페이지를 나가려 할 때 표시”와 “페이지를 60% 스크롤한 후 표시”가 모두 선택되어 있으면, 방문자가 페이지의 60%를 스크롤하고 나가기 의도를 보여야 양식이 표시돼요.
• 새 시크릿/비공개 브라우징 모드 창에서 테스트를 다시 실행해 주세요. 이미 팝업을 닫았기 때문에 다시 표시되지 않는 것일 수 있어요. 브라우저에 1년 동안 쿠키를 설정하므로, 누군가 팝업을 닫으면(쿠키를 삭제하지 않는 한) 1년 동안은 동일한 팝업이 다시 표시되지 않아요.
• 임베드 양식을 사용 중이라면, 설치 모달에 표시된 그대로 양식의 임베드 코드가 추가되었는지 확인하고, 사이트 코드 내에 올바르게 붙여넣었는지 확인해 주세요.
• Klaviyo 계정 1개만 사이트와 연동되어 있는지 확인합니다. 1개 스토어에 대해 여러 Klaviyo 계정이 있는 경우, 1개 계정을 제외한 나머지 모든 계정에서 Automatically add Klaviyo onsite javascript 옵션을 선택 해제해 주세요. Klaviyo의 .js를 수동으로 설치한 경우, 1개 계정의 스니펫만 설치했는지 확인해 주세요.
• Shopify 스토어의 경우: Shopify의 고객 개인정보 설정에 따라 방문자가 동의를 제공하지 않는 한 EU, EEA, 영국 및 스위스의 Shopify 스토어 방문자에 대한 온사이트 이벤트를 추적하지 못할 수 있으며(따라서 특정 유형의 양식 타겟팅을 적용하지 못할 수 있어요).
• 전반적으로 방문자가 동의하지 않았고 타겟팅 요건에 따라 포함되었을 경우, 해당 방문자는 식별되지 않기 때문에 양식을 볼 수 없습니다. 이러한 방문자에 대한 타겟팅은 다음과 같이 적용됩니다.
• • 'Don’t show to existing Klaviyo profiles(기존 Klaviyo 프로필에 표시하지 않음)'을 선택하면 방문자는 기존 프로필로 식별되지 않으므로 여전히 양식을 볼 수 있습니다.
  • 'Target visitors in a list or segment(목록 또는 세그먼트의 방문자 타겟팅)'을 선택하면 방문자가 식별되지 않으므로 방문자가 목록 또는 세그먼트에 있더라도 양식을 볼 수 없습니다. 'Show to all visitors(모든 방문자에게 표시)'를 선택하면 방문자가 이를 볼 수 있습니다.
  • “기존 프로필에 표시”, “이메일 구독자에게만 표시”, 또는 “SMS 구독자에게만 표시”를 선택하면 방문자는 기존 프로필, 이메일 구독자 또는 SMS 구독자로만 식별되므로 양식을 볼 수 없어요.
  • 쿠키 정보 및 사용자 속성을 기반으로 하는 특정 사용자 지정 트리거는 식별 정보가 부족하여 트리거되지 않습니다.
  • 위치별 타겟팅은 영향을 받지 않습니다.
  • 기기 유형(데스크톱, 모바일)에 표시할 타겟팅은 영향을 받지 않습니다.

제출 버튼을 클릭해도 양식이 제출되지 않는 경우:

• 폼이 연결된 리스트가 삭제되지 않았는지 확인해 주세요.
• 버튼이 닫기 버튼이 아니라 제출 버튼인지 확인하세요. 이를 확인하려면 양식 편집기 미리 보기에서 버튼을 클릭해 보세요.
• 받은 편지함에서 확인 이메일을 확인해 주세요. 리스트가 이중 옵트인으로 설정되어 있으면, 구독을 확인하기 전까지는 리스트에 추가되지 않아요.

Klaviyo 가입 양식은 Klaviyo 양식 편집기에서 디자인한 대로 웹사이트에 표시되어야 해요. 다르게 보인다면, 사이트의 CSS가 양식 스타일을 덮어쓰고 있는 거예요. 이 문제를 해결하려면 다음을 확인하세요:

• CSS에서 !important 태그를 찾아 가능한 경우 제거해 주세요.
• 개발자에게 브라우저의 개발자 도구를 사용해 사이트 코드를 검사하고 문제를 일으키는 CSS를 확인하도록 할 수도 있어요. 계속 문제가 발생하면, 여기에서 도움을 받으세요.

이메일, SMS 동의를 수집하거나 쿠폰이 포함된 모든 Klaviyo 양식에는 기본적으로 봇 보호 기능이 적용되어 있다는 점을 유의하세요. Klaviyo가 사이트 방문자의 IP 주소에서 의심스러운 행동이나 이전의 봇 활동을 감지할 경우, 양식 제출 전에 CAPTCHA 문제를 풀라는 메시지가 표시됩니다.

사람들이 양식을 작성하고 있지만 양식이 연결된 리스트에 추가되는 것이 보이지 않는다면:

• 폼 편집기 미리보기에서 버튼을 클릭하고 제출할 리스트를 선택했는지 확인해 주세요.
• 리스트의 옵트인 설정을 확인해 주세요. 리스트가 이중 옵트인(권장)으로 설정되어 있다면, 누락된 구독자는 확인 단계를 완료하지 않았을 가능성이 높아요.

양식 제출 수가 리스트의 사람 수와 일치하지 않는다면:

• 구독자가 확인 단계를 완료하지 않았을 수 있어요(목록이 이중 옵트인으로 설정된 경우).
• 중복 항목을 의미할 수도 있어요. 구독자가 양식을 반복해서 작성하면 각 항목이 양식 분석에서 하나의 “제출”로 집계되지만, 리스트에는 1번만 표시돼요.
• 또한 일부 제출은 봇이나 리스트 봄버에서 비롯되었을 수도 있어요. Klaviyo에는 이러한 사이버 공격으로부터 보호하기 위한 리스트 봄빙 보호 기능이 마련되어 있어요.

"사이트에 가입 양식이 성공적으로 설치되었는지 감지할 수 없습니다. 설치 문서를 확인하세요."라는 오류 메시지가 표시될 수 있지만, 웹사이트에 설치 스니펫을 올바르게 추가했을 수 있어요(또는 이 작업을 자동으로 수행하는 사전 구축된 연동을 사용 중일 수 있어요). 이 문제는 태그 관리 플랫폼(예: Google Tag Manager) 또는 페이지 로드 시 웹사이트에 스니펫을 전달하는 다른 방법을 사용 중인 경우 발생할 수 있어요.

이 메시지는 양식을 게시하는 것을 막지 않으므로, 스니펫이 웹사이트에 올바르게 설치되어 있다면 무시해도 괜찮아요. 계속 이 문제가 해결되지 않으면 문의해 주세요.

Microsoft Windows용 컴퓨터 화면 판독기 프로그램인 JAWS에서 Klaviyo에서 생성한 웹사이트의 가입 양식을 감지하지 못할 수 있다는 점에 유의해 주세요. JAWS를 사용하는 사이트 방문자도 웹사이트의 가입 양식과 계속 상호작용할 수 있도록, JAWS 접근성을 높이는 추가 코드 스니펫을 사이트에 추가하는 것을 권장해요.

JAWS가 Klaviyo 가입 양식을 감지하고 읽을 수 있도록 다음 코드 조각을 복사해 사이트의 기본 테마 파일에 붙여넣어 주세요:

 {
  const ariaHiddenValue = $el ? $el.getAttribute('aria-hidden') : null;
  return ariaHiddenValue === 'true';
};

const isHTMLElement = (node) => {
  return node.nodeType === Node.ELEMENT_NODE;
};

const isModal = (node) => {
  if (node.children.length !== 1) return false;
  const modalContainer = Array.from(node.children[0].classList).some((cls) => cls.startsWith('kl-private-reset'));

  return modalContainer;
};

const getTopLevelDomElements = () => {
  const body = document.body;

  // Use the children property to get all top-level elements
  const topLevelNodes = Array.from(body.children).filter((node) => {
    if (isHTMLElement(node)) {
      const tagName = node.tagName.toLowerCase();

      console.log('isModal: ', isModal);

      // Filter out specific tags
      return (
        tagName !== 'script' &&
        tagName !== 'link' &&
        tagName !== 'iframe' &&
        tagName !== 'style' &&
        !isModal(node)
      );
    }
    return false;
  });

  return topLevelNodes;
};

const a11yHideTopLevelElements = () => {
  const $elements = getTopLevelDomElements();

  $elements.forEach(($el) => {
    if (!isAriaHiddenTrue($el)) {
      $el.setAttribute('kl-aria-hidden', 'true');
      $el.setAttribute('aria-hidden', 'true');
    }
  });
};

const a11yShowTopLevelElements = () => {
  const $elements = getTopLevelDomElements();

  $elements.forEach(($el) => {
    if ($el.hasAttribute('kl-aria-hidden')) {
      $el.removeAttribute('kl-aria-hidden');
      $el.removeAttribute('aria-hidden');