フレックスエディタで作成した接客をアプリに配信する際の注意点を説明します。

アプリ配信時に注意すべき事項

WebView環境に起因する主な機能制約

KARTE for AppではWebViewを利用してアクションを表示している（iOS, Android）ため、通常ブラウザで利用可能な機能について、一部以下のような制約が生じます

  • スクロール率に応じた表示制御はできません

  • セレクタ等を指定した振る舞いができず埋め込みやスクレイピングができません

    • 設定値配信を使うことで代替可能です。設定値配信の詳細についてはこちらのサポートサイトをご確認の上、チャットサポートか営業担当にお問い合わせください。

  • WebView内ではアプリ側のフォントが読み込まれないため、フォントが意図しないものになったり、縦書きグリフのないフォントでは縦書きでの長音が横書き向けの表示になる等の問題が生じることがありますので、webフォントの読み込みを行ってください。

    • あらかじめWebフォントをブランドスタイル設定へ登録すると便利です

※ブランドスタイル設定については「フレックスエディタのブランドスタイル設定」をご確認ください。

動画再生形式の制約

iOSにて動画の再生がインライン方式に限定されます

OS固有の制約

Android

  • Edge to Edgeに関連する位置調整

    • デフォルトではポップアップは画面の端に合わせて表示されます

      • ボタン端へのめり込みによって操作不能になる場合があります。適切なマージンをCSSで設定してください。

        • Android SDKのInAppMessaging 2.23.0以降をお使いの場合は、CSS変数も利用可能です

      • 対象レイアウトにはCSSカスタマイズをご利用ください

  • WebViewの不具合により<select>要素を使用できません

    • <select>を使用せずに実装してください

iOS

  • SafeAreaに関連する位置調整

    • デフォルトではポップアップは画面端からマージン付き位置へ配置されます

      • 意図的な端寄せには適切なマージン設定（CSS）が必要です。

        • 例：ハーフモーダル

      • 対象レイアウトにはCSSカスタマイズをご利用ください。

  • 画像が表示されない

    • 画像の横幅サイズが「自動」に設定されている場合、iPhoneのブラウザ（Safari）では画像が正しく表示されないことがあります。

    • プロパティエディタの「横幅」を「最大幅（100%）」または固定値（例：335px）に変更してください。