STEP2 パーソナライズを作成する

パーソナライズの設計を終えたら、次はecforce profile管理画面にてパーソナライズを作成します。
本記事では、パーソナライズの作成手順をご紹介します。

パーソナライズを作成する

【パーソナライズ一覧】画面にて「新規作成」をクリックし、パーソナライズを作成します。
詳細は、パーソナライズ一覧の「1.パーソナライズの作成」をご参照ください。

質問と選択肢を作成する

手順1で作成したパーソナライズの【質問・選択肢作成】画面にて、パーソナライズのページを追加し、質問と選択肢を作成します。
詳細は、質問・選択肢作成をご参照ください。

ページを設定する

手順1で作成したパーソナライズの【ページ設定】画面にて、ページの設定やコーディングをします。
詳細は、ページ設定をご参照ください。

アクションを作成する

手順1で作成したパーソナライズの【アクション管理】画面にて「新規作成」をクリックし、アクションを作成します。
詳細は、アクション管理をご参照ください。

なお、スタートガイドの「ecforce profileとecforceの関連性について」に記載したとおり、ecforce上のページでパーソナライズの診断結果を表示したり、診断結果をもとにLPやショップページの商品を変更する場合は、アクションに設定（記述）をする必要があります。

以下の場合における記述例をご紹介します。

• LPにポップアップ方式でパーソナライズを設置する
• ショップページにリンク方式でパーソナライズを設置する
• マイページにポップアップ方式でパーソナライズを設置する

LPにポップアップ方式でパーソナライズを設置する

LPにポップアップ方式でパーソナライズを設置してLPで診断結果を表示する場合は、回答を連携する処理と商品と商品の個数を選択する処理をecforceのLPテンプレートに記述し、アクションでLPテンプレートに記述した関数を呼び出します。
※LPテンプレートに記述する内容については、STEP3 パーソナライズを設置するの「LPにパーソナライズを設置する場合」をご参照ください。

アクションに設定する内容は以下の場合で異なりますので、いずれかをお選びください。

• LPテンプレートで商品と個数を設定する
• アクションで商品と個数の組み合わせを設定する ※購入フォームの「商品名」を表示しない場合に使用
• アクションで商品と個数の組み合わせを設定する ※購入フォームの「商品名」を表示する場合に使用

▼LPテンプレートで商品と個数を設定する
この場合、LPテンプレートで商品と商品の個数を設定するため、LPテンプレートに記述した関数を呼び出すアクションを一つ作成します。

【アクション管理 > アクション編集】画面の「ポップアップ用JS」に以下の記述をしてください。

window.personalize.lp.action();

▼アクションで商品と個数の組み合わせを設定する ※購入フォームの「商品名」を表示しない場合に使用
この場合、アクションで商品と個数の組み合わせを設定するため、商品と個数の組み合わせ分のアクションを作成する必要があります。

【アクション管理 > アクション編集】画面の「ポップアップ用JS」に以下の記述をしてください。

window.personalize.lp.action();
window.personalize.lp.selectVariantAndQuantity("variant id", "商品の個数");

※「variant id」の箇所は商品のSKU IDに、「商品の個数」の箇所は数字に置き換えてください。SKU IDは、ecforce管理画面の【商品管理 > 商品管理 > 対象商品の詳細】画面の[SKU 管理]タブで確認できます。

▼アクションで商品と個数の組み合わせを設定する ※購入フォームの「商品名」を表示する場合に使用
この場合、アクションで商品と個数の組み合わせを設定するため、商品と個数の組み合わせ分のアクションを作成する必要があります。

【アクション管理 > アクション編集】画面の「ポップアップ用JS」に以下の記述をしてください。

window.personalize.lp.action();
window.personalize.lp.selectProductAndQuantity("product id", "商品の個数");

※「product id」の箇所は商品IDに、「商品の個数」の箇所は数字に置き換えてください。商品IDは、ecforce管理画面の【商品管理 > 商品管理 > 検索結果一覧】画面で確認できます。

 

ショップページにリンク方式でパーソナライズを設置する

ショップページにリンク方式でパーソナライズを設置し、回答完了後に商品と商品の個数が選択された状態でカート画面を表示する場合は、【アクション管理> アクション編集】画面の「リダイレクトURL」に以下の記述をしてください。
＜参考＞ブランドサイトなど他ドメインからecforceのショップカート画面およびLP画面に購入遷移させる方法

https://ドメイン/shop/cart/add?variant_id=variant id&quantity=商品の個数

※「variant id」の箇所は商品のSKU IDに、「商品の個数」の箇所は数字に置き換えてください。SKU IDは、ecforce管理画面の【商品管理 > 商品管理 > 対象商品の詳細】画面の[SKU 管理]タブで確認できます。

 

マイページにポップアップ方式でパーソナライズを設置する

マイページ（定期商品変更ページ）にポップアップ方式でパーソナライズを設置し、回答完了後に商品と商品の個数が選択された状態でマイページ（定期商品変更ページ）を表示する場合は、 【アクション管理 > アクション編集】画面の「ポップアップ用JS」に以下の記述をしてください。
＜参考＞パーソナライズ回答後に商品、商品個数を変更する方法

商品を選択する記述）

window.ec_force.changeOrderItemAfterChange(variant id);

個数を選択する記述）

window.ec_force.changeOrderItemQuantityAfterChange(商品の個数);

保存する記述）

window.ec_force.clickSaveButton();

※「variant id」の箇所は商品のSKU IDに置き換えてください。SKU IDは、ecforce管理画面の【商品管理 > 商品管理 > 対象商品の詳細】画面の[SKU 管理]タブで確認できます。
「商品の個数」の箇所は数字に置き換えてください。