リモートコンフィグでペイウォールをデザインする

ペイウォールのリモートコンフィグは、柔軟な設定オプションを提供する強力なツールです。カスタム JSON ペイロードを使用して、ペイウォールを細かく調整できます。タイトル、画像、フォント、カラーなど、さまざまなパラメーターを定義することが可能です。

リモートコンフィグを使ってペイウォールのカスタマイズを始めるには：

1. Adapty のメインメニューで Paywalls セクションを開きます。

2. ペイウォールをクリックして開きます。

3. Remote config タブに切り替えます。

リモートコンフィグには2つのビューがあります：

• テーブル
• JSON

Table ビューと JSON ビューには、同じ設定要素が含まれています。どちらを使うかは好みの問題ですが、唯一の違いとして、テーブルビューにはコンテキストメニューがあり、ローカライズエラーの修正に役立ちます。 ビューの切り替えは、必要に応じて Table タブまたは JSON タブをクリックするだけで行えます。

ペイウォールのカスタマイズに使用しているビューに関わらず、後からAdaptyPaywallのremoteConfigまたはremoteConfigStringプロパティを使ってSDKからこのデータにアクセスし、ペイウォールを調整することができます。また、サーバーサイドAPIを使ってリモートコンフィグの値をプログラム的に更新し、ダッシュボードを手動で操作せずにペイウォールの設定を動的に変更することも可能です。以下にリモートコンフィグの活用例をいくつか紹介します。

{
    "screen_title": "Today only: Subscribe, and get 7 days for free!"
}

# Test titles or others texts

{
    "background_image": "https://adapty.io/media/paywalls/bg1.webp"
}

# Test images on your paywall

{
    "font_family": "San Francisco",
    "font_size": 16
}

# Test fonts

{
    "subscribe_button_color": "purple"
}

# Test colors of buttons, texts etc.

{
    "photo_gallery": "https://adapty.io/media/paywalls/link-to-html-snippet.html"
}

# Any HTML code that can be displayed on the paywall

{
    "hard_paywall": true
}

# By setting it to true, you disalow skipping paywall without subscribing
# You have to handle this logic in your app

{
    "title": {
        "en": "Try for free!",
        "es": "¡Prueba gratis!",
        "ru": "Попробуй бесплатно!"
    }
}

異なるオプションを組み合わせて、独自のものを作ることもできます。これにより、タイトル、テキスト、画像、フォント、カラーなどをテストできます。

リモートコンフィグの JSON ビュー

リモートコンフィグの JSON ビューでは、任意の JSON 形式のデータを入力できます：

リモートコンフィグのテーブルビュー

コードに慣れていない場合や JSON の値を修正したい場合は、Adapty の Table ビューが便利です。

JSON をテーブル形式で表示するため、読みやすく理解しやすくなっています。カラーコーディングによって異なるデータ型を識別できます。

キーを追加するには、Add row ボタンをクリックします。値と型のマッピングを自動でチェックし、修正内容が無効な JSON につながる可能性がある場合はアラートを表示します。

追加の行オプションは、主にペイウォールのローカライズで役立ちます：

次はプレースメントを作成し、そこにペイウォールを追加します。その後、モバイルアプリで リモートコンフィグのペイウォールを表示する iOS、Android、React Native、Flutter、Unity、Kotlin Multiplatform、Capacitor できます。