「A/Bテストの編集」画面で挿入したウィジェットを編集する

挿入したマイウィジェットを編集し、見た目を調整したり変更を加えたりすることが可能です。

 

1. 編集画面を開く

挿入したウィジェットをクリックすると画面右端に編集画面が表示されます。

以下の方法で編集を行うことができます。

• ウィジェットを再編集
• サイズと余白を編集
• 再配置
• 隠す
• HTMLを挿入
• マイウィジェット テンプレートから挿入
• テキストを挿入
• 画像を挿入

 

2. 選択中の要素を編集する

ウィジェットを再編集

［ウィジェットを再編集］をクリックするとHTML編集画面が表示されます。

HTML編集画面でコードを編集し、挿入したウィジェットに変更を加えることができます。

 

コードの編集が完了したら［プレビューに反映］ボタンをクリックします。

 

コードが長く編集しづらい場合は、［別ウィンドウで編集］ボタンをクリックし「コードを編集」のダイアログが開きます。

 

編集が完了したら［プレビューに反映］ボタンをクリックします。

 

編集画面で変更内容が反映されたかどうかを確認し［ウィジェットを更新］ボタンをクリックします。

 

「ウィジェットの再編集を適用」のダイアログが表示されるので［ウィジェットを更新］ボタンをクリックします。

❗️ウィジェットを更新後は変更を元に戻すことはできません。

❗️編集内容はこのウィジェットを使用しているすべてのA/Bテスト・パーソナライズに反映されます。

 

 

サイズと余白を編集

CSS のスタイルにあるサイズと余白を編集します。

 

①［横幅］	選択中の要素のサイズの横幅を変更します。
②［高さ］	選択中の要素のサイズの高さを変更します。
③［サイズの比率］	（固定する）： 選択した要素のサイズの比率を維持して［横幅／高さ］を変更します。 （固定しない）： 選択した要素のサイズの比率を維持せずに［横幅／高さ］を変更します。
④［マージン］	選択した要素の天地左右のマージンの値を変更します。
⑤［パディング］	選択した要素の天地左右のパディングの値を変更します。

 

再配置

直接ドラッグして、以下のいずれかの要素の間に再配置できます。

詳しくは「再配置する」をご確認ください。

 

①［兄弟要素の間］	ラジオボタンを［オン］にすると、選択した要素を同じ親要素内にある「兄弟要素」の間で再配置できます。 ❗️再配置用に、選択が上位の要素に自動で切り替わることがあります。
②［ページ上のすべての要素の間］	ラジオボタンを［オン］にすると、選択した要素を「ページ上のすべての要素」の間で再配置できます。 ❗️ページのHTML構造によっては、再配置するとレイアウトが崩れることがあります。
③［適用］	編集した内容を保存します。 保存が完了すると、編集パネルを消して要素の選択を解除します。 ❗️内容を変更後［適用］ボタンをクリックせずに編集パネルを消して要素の選択を解除すると、編集した内容は反映されません。
④［キャンセル］	要素を選択したまま「選択中の要素の編集」メニューに戻ります。

 

隠す

ウィジェットを見えない状態にします。

詳しくは「隠す」をご確認ください。

 

①［後続の要素を詰める］	ラジオボタンを［オン］にすると、選択した要素を「存在しないもの」として扱います。
②［後続の要素を詰めない］	ラジオボタンを［オン］にすると、選択した要素を「透明」にします。後続の要素には影響がありません。
③［適用］	編集した内容を保存します。 保存が完了すると、編集パネルを消して要素の選択を解除します。 ❗️内容を変更後［適用］ボタンをクリックせずに編集パネルを消して要素の選択を解除すると、編集した内容は反映されません。
④［キャンセル］	要素を選択したまま「選択中の要素の編集」メニューに戻ります。

 

HTMLを挿入

挿入したウィジェットの直後にHTML要素を一つ挿入します。

詳しくは「HTMLを挿入」をご確認ください。

 

① テキスト入力フィールド	選択中の要素の「直後」に挿入したいHTMLを入力します。
②［適用］	編集した内容を保存します。 保存が完了すると、編集パネルを消して要素の選択を解除します。 ❗️内容を変更後［適用］ボタンをクリックせずにダイアログを閉じると、編集した内容は反映されません。
③［キャンセル］	要素を選択したまま「選択中の要素の編集」メニューに戻ります。

 

マイウィジェット・テンプレートから挿入

詳しくは「マイウィジェット・テンプレートから挿入」をご確認ください。

 

テキストを挿入

挿入したウィジェットの直後にテキストを挿入します。

詳しくは「テキストを挿入する」をご確認ください。

 

①テキスト入力フィールド	選択中の要素の「直後」に挿入したいテキストを入力します。
②［適用］	編集した内容を保存します。 保存が完了すると、編集パネルを消して要素の選択を解除します。 ❗️内容を変更後［適用］ボタンをクリックせずに編集パネルを消して要素の選択を解除すると、編集した内容は反映されません。
③［キャンセル］	要素を選択したまま「選択中の要素の編集」メニューに戻ります。

 

画像を挿入

挿入したウィジェットの直後に画像を挿入します。

挿入したい画像ファイルを以下のいずれかの方法で選択し［適用］ボタンをクリックします。

①［画像ファイルをドロップ］

②［ファイルを選択］

③［メディア一覧から選択］

💡画像ファイルのフォーマットは JPEG・PNG ・GIF 形式に対応しています。

 

 

①［画像ファイルをドロップ］	選択中の要素の「直後」に配置したい画像ファイルを直接ドロップします。
②［ファイルを選択］	選択中の要素の「直後」に配置したい画像ファイルをフォルダから選択します。
③［メディア一覧から選択］	選択中の要素の「直後」に配置したい画像ファイルをメディア一覧から選択します。
④［適用］	編集した内容を保存します。 ❗️内容を変更後［適用］ボタンをクリックせずに編集パネルを消して要素の選択を解除すると、編集した内容は反映されません。
⑤［キャンセル］	要素を選択したまま「選択中の要素の編集」メニューに戻ります。