Payボタンまたはカスタムアクションの追加ユーザーがタップすると購入を行ったりカスタムアクションを実行するバナーをAR体験内で提供します。Payボタンを表示できます。ユーザーはこのボタンを使ってウェブサイトで購入を行うことができます。バナー内にテキストを表示し、ユーザーがこのテキストをタップするとウェブサイト内でカスタムアクションが起動するようにできます。プレビューしたアイテムをショッピングカートに追加するなどのカスタムアクションが可能です。Lookを提供することで、バナーのグラフィックスを完全にカスタマイズできます。Lookを構成します。最後に、お客様がバナーをタップしたことを検出し、それに応じて処理を行うようにします。Payボタンのスタイルを選択するには、ウェブサイトのURLにapplePayButtonTypeパラメータを追加します。https://example.com/biplane.usdz#applePayButtonType=plain以下に示したボタンの種類の値を使って、ボタンのオプションを選択できます。Lookを使用してカスタムアクションボタンとして表示させることができます。URLパラメータを追加します。cart」というテキストを使ってバナーをレンダリングします。https://example.com/biplane.usdz#callToAction=Add%20to%20cartURLにはスペースを含められないため、必ずカスタムテキストをURLエンコードしてからURLパラメータとして追加してください。ウェブサイトが複数言語に対応している場合は、カスタムテキストをローカライズしてから、URLパラメータリスト用にURLエンコードします。Lookに追加する場合は、checkoutTitle、checkoutSubtitle、priceのURLパラメータを使って、プレビューされたアイテムの説明を設定します。Lookは、タイトルの下に、サブタイトルと価格をカンマで区切って表示します。Lookによってサブタイトルの末尾が省略され、省略記号が表示されます。以下のサンプルURLは、上のバナーをレンダリングします。https://example.com/biplane.usdz#applePayButtonType=buy&checkoutTitle=Biplane%20Toy&checkoutSubtitle=Rustic%20finish%20with%20rotating%20propeller&price=$15ウェブサイトが複数言語に対応している場合は、アイテムのタイトル、サブタイトル、価格をローカライズしてから、URLパラメータリスト用にURLエンコードします。URLパラメータを使ってカスタムHTMLファイルを提供します。以下のサンプルURLは、comingSoonBannerという名前のカスタムファイルからバナーをレンダリングします。https://example.com/biplane.usdz#custom=https://example.com/customBanners/comingSoonBanner.htmlこのサンプルURLは、下の画像のようなAR体験を作り出します。URLパラメータを使う場合、値は絶対URLでなければなりません。Lookのセキュリティ基準を満たすため、サーバは必ずHTTPSでHTMLリソースを送信するようにしてください。Lookが表示するのはHTMLコンテンツのみです。Lookはそれらを無視します。URLパラメータを使ってバナーの高さを設定できます。small、medium、またはlargeの値を提供して、バナーの高さを81ポイント、121ポイント、または161ポイントに設定します。以下のように設定します。https://example.com/biplane.usdz#custom=https://example.com/my-custom-page.html&customHeight=largeバナーの幅は、バナーが表示されるデバイスのサイズと向きに合わせて自動的に調整されます。カスタムバナーの幅は最大で450ポイントです。Lookはデフォルト値のsmallを使用します。Payボタンまたはカスタムアクションボタンをタップすると、3Dアセットを参照するコードの<a>要素に、WebKitがDOMメッセージを送信します。src="poster.jpg"></a>タップの通知を受け取れるように、アンカーでmessageイベントのJavaScriptリスナーを定義します。false);WebKitがリスナーを呼び出したら、dataプロパティをチェックします。Lookでバナーをタップしたことがわかります。false);messageイベントは、通常のDOM処理ルールに従います。特定アンカーのリスナーを追加する代わりに、ドキュメントルートですべてのARリンクのリスナーを追加し、event.targetを使って、ユーザーがどのアンカーを呼び出したのか判断することもできます。タップに対する処理イベントリスナーで、ユーザーのタップに対して、ウェブサイトが実行するアクションを定義します。Payプロンプトを表示します。ユーザーがカスタムアクションボタンをタップした場合は、バナーのテキストおよびカスタムアクションに基づいて、プレビューされたアイテムをショッピングカートに追加したり、ユーザーを支払い手続きページに案内したりできます。モデルまたはシーンを表示します。Look体験のカスタマイズに使用するオブジェクトです。LookおよびRealityKitでのビジュアルエフェクトの追加モデリングの設定でAR体験の外観とパフォーマンスを調整します。Connect最新のデベロッパ向けニュースは、ニュースとアップデートでご確認いただけます。使用許諾契約(英語)。