Webテンプレートを作成する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
技術チームのメンバーは、HTML、CSS、JavaScript、FreeMarkerを使用してWebテンプレートを作成できます。
オプションで、マーケターが入力する フォームを作成し 、マーケターがフォームを完了するときにプレビューをレンダリングできます。
Webテンプレートをマーケターが使用できるようにする準備ができたら、ステータスを公開済みに変更します。マーケターがWebテンプレートに基づいてWeb実験またはエクスペリエンスを作成すると、さらにカスタマイズを適用するためのフォームが表示されます。
Sitecore Cloud PortalでUser、Developer、またはAdminの役割を持つチームメンバーは、Webテンプレートを作成できます。
Webテンプレートを作成するには:
-
ナビゲーション メニューで、Developer Center > Web templatesをクリックします。
-
Web Templatesページで、「Create」をクリックします。
-
Name your templateフィールドに、Webテンプレートの直感的な名前を入力します。入力すると、テンプレートの名前がIDフィールドに表示されます。
-
「 Create」をクリックします。次の図に示すように、HTML、CSS、JavaScript、FreeMarkerを使用してカスタマイズできるテンプレート エディターが表示されます。
-
Webテンプレートの構造とコンテンツを定義するには、HTML、CSS、JavaScript、APIの各タブを使用して、カスタムコードを追加し、API応答を設定します。
Sitecore PersonalizeがWeb実験またはエクスペリエンスの バリアントを実行すると 、バリアントで設定されたHTML、CSS、JavaScriptが実行されます。パーソナライゼーションを機能させるには、バリアントで組織のWebサイトに任意のゲスト データ (ゲストの名前、場所、ロイヤルティ番号など) を渡す必要があります。この情報は、サーバー側データと呼ばれます。これを容易にするには、FreeMarkerを使用してAPIレスポンスを作成し、関連するHTML、CSS、またはJavaScriptタブで参照する必要があります。
-
右側のペインのSettingsタブをクリックし、次の項目を設定します。
-
Description: Webテンプレートの説明を入力します。
-
Tile Image:
アイコンをクリックして、Webテンプレートのタイプを表す画像を選択します。この画像が表示されるのはSitecore CDPユーザーのみです。 -
Render a Preview on the Experience: このチェックボックスをオンにすると、ユーザーがフォームに入力するときにWeb実験またはエクスペリエンスのプレビューが表示されます。公開する前に、Webエクスペリエンスが正常にレンダリングされることをテストすることをお勧めします。このオプションは、handlebarsループを使用するより高度なWebテンプレートには使用しないでください。Web実験またはエクスペリエンスは、コードのコンパイルが完了するまで待つ必要があるため、フォームが完了してもレンダリングされません。
-
-
「 Save」をクリックします。
-
Webテンプレートを公開するには、トグル スイッチをクリックしてテンプレートをPublished状態にします。これにより、ユーザーがWebテンプレートを使用して新しいエクスペリエンスまたはエクスペリエンス バリアントを作成するときに使用できるようになります。