Last updated 2024年8月15日

iOS SDK ベストプラクティス

モバイルアプリケーションのパフォーマンスは、ビジネスにとって重要です。私たちの技術は、お客様のアプリ体験を向上させることに焦点を当てています。そのため、画面パフォーマンスは私たちのソリューションの核心部分です。エンゲージメントとコンバージョン率を向上させるために、画面の読み込み時間を最小限に抑えるためのいくつかのアプローチを採用しています。

SwiftUI コンポーネント

Rokt iOS SDK のメジャーバージョン 4 から、iOS 15+ をターゲットにした RoktLayout コンポーネントを使用して Rokt レイアウトを追加できます。これにより、Rokt.execute を呼び出す必要がなくなり、SwiftUI を使用したよりモダンな宣言的統合がサポートされます。

コンポーネントの追加

import SwiftUI
import Rokt_Widget

struct OrderConfirmationSwiftUI: View {
    let attributes: [String: String]
    let pageIdentifier: String
    let location: String
    // アプリケーションがライトモードのみをサポートしている場合。
    let roktConfig = RoktConfig.Builder()
                               .colorMode(.light)
                               .build()
        
    var body: some View {
        VStack(alignment: .leading) {
            
            RoktLayout(sdkTriggered: true,
                       viewName: pageIdentifier,
                       locationName: location, // 埋め込みレイアウトを使用している場合
                       attributes: attributes,
                       config: roktConfig,
                       onLoad: {
                // Rokt プレースメントが読み込まれたときのオプションのコールバック
            }, onUnLoad: {
                // Rokt プレースメントがアンロードされたときのオプションのコールバック
            },onShouldShowLoadingIndicator: {
                // ローディングインジケーターを表示するためのオプションのコールバック
            }, onShouldHideLoadingIndicator: {
                // ローディングインジケーターを非表示にするためのオプションのコールバック
            })
            
        }.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
    }
}

注記

RoktLayout コンポーネントは、埋め込みレイアウトとオーバーレイレイアウトの両方に使用できます。

アプリ設定の使用

アプリケーションは、独自のアプリケーション環境から設定を送信できるようになりました。これにより、Rokt SDK はシステムのデフォルト設定に依存するのではなく、アプリケーションのカスタム設定を使用できるようになります。

// アプリケーションがライトモードのみをサポートしている場合。
let roktConfig = RoktConfig.Builder()
                           .colorMode(.light)
                           .build()
Rokt.execute(
    // 他のパラメータ,
    config: roktConfig,
)

ColorMode オブジェクト

値	説明
light	アプリケーションはライトモードです
dark	アプリケーションはダークモードです
system	アプリケーションはシステムのカラーモードに従います

詳細については、how-to セクションをご覧ください。