カスタムウィジェットを作成する – SiTest｜ヘルプセンター

1. 「プレビューページを選択する」ダイアログを開く

［カスタムウィジェット作成］ボタンをクリックします。

「プレビューページを選択」ダイアログが表示されるので、プレビューページの一覧からカスタムウィジェットを表示させたいプレビューページの右側端の［選択］ボタンまたは［ページタイトル］をクリックします。

「カスタムウィジェットの作成」メニューの［差し込み位置を確定］ボタンまたは［ページの前面に挿入］ボタンをクリックします。

💡ポップアップや追従ボタンなどの追従要素を編集する場合は［ページの前面に挿入］をクリックします。

💡挿入したい場所の「直前」にある要素を選択すると［差し込み位置を確定］ボタンをクリックできます。

①「カスタムウィジェットを作成」ダイアログが表示されるので、［HTML］［CSS］［JavaScript］のそれぞれ入力フィールドに、コードを入力します。

②［プレビューに反映］ボタンをクリックします。

❗️プレビュー画面ではJavaScriptが制限されているため、実際の動作はテスト・パーソナライズの配信ページからご確認ください。詳しくは、「テストパターンの「表示・動作」のプレビューを安全に確認する」や「パーソナライズパターンの「表示・動作」のプレビューを安全に確認する」をご確認ください。

カスタムウィジェットのコードを再度編集するときは［コードを編集］ボタンをクリックします。

カスタムウィジェットの位置を変更するときは［位置を再選択］ボタンをクリックします。

カスタムウィジェットの作成を完了して「マイウィジェット一覧」画面に戻るときは［保存］ボタンをクリックします。

①［ウィジェット名］を入力します。

②［マイウィジェットに保存］ボタンをクリックします。