ウェブ体験でHTMLを使う
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
体験のためにHTMLをバリアントで使うこともでき、動的データを実行することで1対1のパーソナライズを促進するのに特に便利です。
ほとんどのバリアントは、ゲストデータを組織のウェブサイトに渡す必要があります。例えば、ゲストの名前、所在地、ロイヤルティ番号などです。これを行うには、APIリクエストに 動的データを含めるように設定し、バリアントが実行された際にサーバーからデータを要求し、その後バリアントに渡されるようにする必要があります。
handlebars.jsを使って、API応答からインデックスでネストされた値にアクセスすることができます。例えば、実験中に意思決定モデルから返されるオファーを表示したい場合などです。オファーは配列にネストされた値なので、array.indexまたはarray.{index} handlebars.js構文を使わなければなりません。
ウェブ体験が意思決定モデルで設定されている場合、意思決定モデルから返される属性をHTMLに挿入できます。
ウェブ体験でHTMLを使う方法:
-
エクスペリエンスタイルで、設定したいバリアントの隣にある編集アイコンをクリックします。
-
コードエディターのHTMLタブで、ウェブ体験で使いたいHTMLを入力できます。
-
動的データをHTMLに挿入するには、データ タブの データセレクター 検索ボックスでゲストのメールアドレスやその他の識別子を入力して検索してください。これにより、データモデルの属性やパスにアクセスできます。
!ヒントコードの設定やテスト時によく使うゲストがいる場合は、スターアイコンをクリックしてゲストをブックマークし、検索しなくて済むようにしましょう。
-
動的なゲストデータを含めるには、ゲストデータモデル ツリーの下で「
」をクリックし、「 Copy Path as Handlebars」をクリックしてください。 -
意思決定モデル応答の動的データを含めるには、意思決定モデル応答 ツリーを展開し、「
」をクリックして 「パスをハンドルバーとしてコピー」をクリックしてください。 -
体験応答の動的データを含めるには、経験応答 ツリーを展開し、「
」をクリックして 「パスをハンドルバーとしてコピー」をクリックしてください。 -
HTMLタブでデータを貼り付けて保存をクリックします。
-
コードエディタを閉じるには
をクリックしてください。APIリクエストを作成する際には動的データも含めなければなりません。これにより、体験が実行される際に サーバーが動的データを要求 し、それをバリアントに渡すことが保証されます。