カード入力フィールドがカードコンポーネントまたはドロップインに読み込まれないのはなぜですか？

ドロップインやカードコンポーネントのカード入力欄のiFrameで「Invalid client key」または「unknown origin」エラーが発生する場合、クライアント側認証のキーが正しくないことが原因です。統合によって、これはクライアントキーまたはオリジンキーのいずれかになります。これらのキーは、Customer Areaの [Developers] > [API Credentials] に移動し、そこでキーを生成したいAPI認証情報を選択することで生成できます。

クライアントキーを使って認証している場合、以下を確認してください。

1. インテグレーションで正しいクライアントキーを使用していますか？
2. ここで説明されているように、カード入力フィールドが読み込まれるすべてのドメインが Allowed Originsフィールドに追加されていますか？
3. 正しい環境 (テスト/ライブ) でクライアントキーを使用していますか？

オリジンキーを使用して認証を行っている場合、以下をご確認ください。

1. インテグレーションで正しいオリジンキーを使用していますか？カードコンポーネントまたはドロップインを読み込むドメインに対して、再度オリジンキーを生成してみてください。
2. カードフィールドがホストされているドメインに対して、オリジンキーが生成されていますか？ここで説明されているように、ブラウザコンソールでwindow.location.originを確認することで、ページのオリジンを見つけることができます。
3. オリジンキーは正しい環境 (テスト/ライブ) で生成されていますか？