WebエクスペリエンスでHTMLを使用する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
エクスペリエンスのバリアントでHTMLを使用でき、動的データを実行して1:1のパーソナライゼーションを促進するのに特に便利です。
ほとんどのバリアントでは、ゲストのデータ (ゲストの名、場所、ロイヤルティ番号など) も組織のWebサイトに渡す必要があります。これを行うには、バリアントの実行時にデータがサーバーからリクエストされ、バリアントに渡されるように、動的データを含むようにAPIリクエストを設定する必要があります 。
handlebars.jsを使用すると、API応答のインデックスによってネストされた値にアクセスできます。例えば、ディシジョンモデルから返されたエクスペリメントのオファーを表示することができます。オファーは配列に入れ子になった値であるため、array.indexまたはarray.{index} handlebars.js構文を使用する必要があります。
Webエクスペリエンス がデシジョンモデルを使用して設定されている場合は、デシジョンモデルによって返された属性をHTMLに挿入できます。
WebエクスペリエンスでHTMLを使用するには:
-
Experienceタイルで、設定するバリアントの横にあるEditアイコンをクリックします。
-
コード エディターのHTMLタブで、Webエクスペリエンスで使用する任意のHTMLを入力します。
-
動的データをHTMLに挿入するには、DataタブのData Selector検索 ボックスに、検索するゲストのメール アドレスまたはその他の識別子を入力します。これにより、データ・モデルの属性とパスにアクセスできます。
先端コードの設定やテスト時に頻繁に使用するデータを持つゲストがいる場合は、星のアイコンをクリックしてゲストをブックマークすると、そのゲストを検索する必要がなくなります。
-
動的ゲスト データを含めるには、Guest data modelツリーの下にある
をクリックし、Copy Path as Handlebarsをクリックします。 -
意思決定モデルの応答からの動的データを含めるには、Decision Model Responseツリーを展開し、「
」をクリックしてCopy Path as Handlebarsをクリックします。 -
エクスペリエンス応答の動的データを含めるには、Experience Responseツリーを展開し、「
」をクリックして「 Copy Path as Handlebars」をクリックします。 -
「HTML」タブで、データを貼り付けて「 Save」をクリックします。
-
をクリックして、コード エディターを閉じます。また、APIリクエストを作成するときには、動的データも含める必要があります。これにより、エクスペリエンスの実行時に、サーバーが動的データをリクエスト し、それをバリアントに渡します。