サインアップフォームのトラブルシューティング

フォームを Klaviyo で公開しているにもかかわらず表示されない場合：

• フォームが公開されていることを確認してください。[サインアップフォーム] タブで、フォームの [ステータス] 列の下に、緑の矢印付きの " 公開中 " が表示されるはずです。
  • 前述のとおり、Klaviyo のサインアップフォームは Internet Explorer には表示されません。
• Klaviyo.js オンサイト コードスニペットをインストールして有効化する手順（"Active on Site" トラッキングとも呼ばれます）にあるすべての手順に従ったことを確認してください。
• 埋め込みフォームを使用している場合は、インストール モデルに表示されているとおりに、サイトのコード内に正しい 埋め込みコード がインストールされていることを確認してください。
• サインアップフォーム エディタの ターゲティング&動作 セクションを確認します：
  • ターゲティング：で、フォームが閲覧中の URL に表示されるように設定されていること、または（一つ上のテストのヒントで説明されているとおり）一意のメールアドレスを使用していることを確認します。
  • 表示タイミング では、表示タイミング設定が制限的すぎないことを確認してください。フォームが ルールに基づいて表示 に設定されている場合、フォームが表示されるにはすべての条件を満たす必要があります。たとえば、"訪問者がページを離れようとしているときに表示" と "ページを 60％ スクロールした後に表示" の両方が選択されている場合、フォームが表示されるには、訪問者がページの 60％ をスクロールし、かつ離脱意図を示す必要があります。
• 新しいウィンドウで、シークレット/プライベート ブラウジング モードでテストを再実行してください。ポップアップをすでに閉じている可能性があるため、再び表示されません。ブラウザには 1 年間 Cookie を設定しているため、一度ポップアップを閉じると、別の 1 年間は同じポップアップが表示されません（Cookie を削除した場合を除く）。
• 埋め込みフォームを使用している場合は、フォームの埋め込みコードがインストール モーダルに表示されているとおりに正確に追加されていること、およびサイトのコード内に正しく貼り付けられていることを確認してください。
• サイトと連携している Klaviyo アカウントが 1 つだけであることを確認してください。1 つのストアに対して複数の Klaviyo アカウントがある場合は、1 つのアカウントを除き、すべてのアカウントで Klaviyo オンサイト javascript を自動的に追加 オプションのチェックを外してください。Klaviyo の .js を手動でインストールしている場合は、1 つのアカウントのスニペットのみをインストールしていることを確認してください。
• Shopify ストアの場合：Shopify の顧客プライバシー設定に基づき、EU、EEA、英国、スイスにある Shopify ストアの訪問者については、同意が提供されない限り、Klaviyo はオンサイトイベントをトラッキングしない場合があります（その結果、特定の種類のフォームターゲティングも適用されない場合があります）。
• 訪問者による同意がない場合、本来ならターゲティング要件を満たしている訪問者であっても、個人の特定ができないためフォームは表示されません。これらの訪問者に対するターゲティングは､以下のように適用されます。
• • [既存の Klaviyo プロファイルに表示しない] を選択した場合、訪問者を既存のプロファイルとして識別できないため、フォームは表示されます。
  • [リストまたはセグメント内の訪問者をターゲット] を選択した場合、訪問者は識別されないため、（それ以外の条件ではリストまたはセグメントに含まれていたとしても）フォームは表示されません。[すべての訪問者に表示] を選択した場合、訪問者に表示されます。
  • [既存のプロファイルに表示する]、[メール購読者のみに表示する]、または [SMS 購読者のみに表示する] を選択した場合、訪問者は既存のプロファイル、メール、または SMS 購読者としてのみ識別されるため、フォームは表示されません。
  • Cookie 情報とユーザープロパティに基づく特定のカスタムトリガーは、識別ができないためトリガーされません。
  • 場所によるターゲティングは影響を受けません。
  • デバイスの種類（デスクトップ、モバイル）に基づくターゲティング設定は影響を受けません。

[送信] ボタンをクリックしてもフォームが送信されない場合：

• フォームが接続されているリストが削除されていないことを確認してください。
• ボタンが [送信] ボタンであり、閉じるボタンではないことを確認してください。フォーム エディターのプレビューでボタンをクリックすると、これを確認できます。
• 確認メールが届いているか、受信トレイをご確認ください。リストが ダブルオプトイン に設定されている場合、購読を確認するまでリストに追加されません。

Klaviyo のサインアップフォームは、Klaviyo フォームエディターでデザインされたとおりにウェブサイトに表示される必要があります。表示が異なる場合、サイトの CSS がフォームのスタイル設定を上書きしています。これをトラブルシューティングするには：

• CSS 内の !important タグを探し、可能であれば削除してください。
• 開発者はブラウザの開発者ツールを使用してサイトのコードを検査し、問題のある CSS を特定することもできます。それでも問題が解決しない場合は、こちらでサポートをご確認ください。

メール、SMS の同意を収集する、またはクーポンが掲載されている Klaviyo のすべてのフォームには、デフォルトでボット保護が設定されています。Klaviyo がサイト訪問者の IP アドレスから不審な行動や過去のボット活動を検出した場合、その訪問者はフォームを送信する前に CAPTCHA を解くよう求められます。

フォームに入力されているにもかかわらず、フォームが接続されているリストに追加されているのが確認できない場合：

• フォームエディターのプレビューでボタンをクリックし、送信するリストを選択していることを確認してください。
• リストの オプトイン設定 を確認します。リストがダブルオプトイン（推奨）に設定されている場合、見つからない購読者は確認ステップを完了していない可能性があります。

フォーム送信数がリスト内の人数と一致しない場合：

• （リストがダブルオプトインに設定されている場合）購読者が確認ステップを完了していない可能性があります。
• 重複エントリを反映している場合もあります。購読者がフォームに繰り返し入力すると、各エントリはフォーム分析で 1 件の“送信”としてカウントされますが、リストには 1 回のみ表示されます。
• また、一部の送信はボットやリスト ボマーによるものだった可能性もあります。Klaviyo には、これらのサイバー攻撃から保護するためのリスト ボミング対策が用意されています。

"サイトにサインアップフォームが正常にインストールされていることを検出できません。インストールのドキュメントをご覧ください。" というエラーメッセージが表示される場合がありますが、インストール用スニペットはウェブサイトに正しく追加されている（または、これを自動的に行う事前構築済みの外部連携を使用している）可能性があります。これは、タグ管理プラットフォーム（例：Google タグ マネージャー）または、ページの読み込み時にスニペットをウェブサイトに配信する別の方法を使用している場合に表示されることがあります。

このメッセージによってフォームの公開が妨げられることはありません。そのため、スニペットがウェブサイトに正しくインストールされていれば、無視しても問題ありません。それでも問題が解決しない場合は、お問い合わせください。

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');