編集画面ではポップアップに使用する画像の「動画選択」と「動画ポップアップを編集」画面が表示されます。
「動画ポップアップを編集」画面では以下の編集ができます。
①共通リンク設定(終了画面・ボタン)
②移動後の表示
③URLパラメータの引き継ぎ
④表示条件
⑤デザイン
⑥終了画面
⑦ボタン
1. 動画を設定する
💡以下のファイルに対応しています。
※最大幅より画面サイズの方が小さい場合は、お使いの画面に合わせて自動的に調整されます。 |
動画選択画面
ポップアップに表示させたい動画を設定します。
①[動画ファイルをドラッグ&ドロップ] |
動画ファイルを直接ドラッグ&ドロップします。 |
②[ファイルを選択] | 動画ファイルをフォルダから選択します。 |
③[メディア一覧から選択] | 動画ファイルをメディア一覧から選択します。 |
2. 表示させる条件を設定する
[表示条件]タブにある[条件を設定]をクリックしポップアップを表示させる条件を設定します。
「条件を設定」のダイアログが表示されるので、ポップアップを表示させる条件を設定します。
💡初期設定は、以下の設定になっています。
|
設定の詳しい内容は、以下のページをご確認ください。
「動画ポップアップを表示させる「アクセスの対象」と「回数の上限」を設定する」
「動画ポップアップを表示させる条件となるイベントを設定する」
3. デザインを編集する
ポップアップのデザインを変更したい場合は[デザイン]タブをクリックします。
[デザイン]画面が表示されるので表示したいデザインを選択します。
[デザイン]画面
ポップアップ種別 | ①[オーバーレイ] | 画面の中央にポップアップを表示させます。 |
②[追従バナー] |
画面の右下もしくは左下にポップアップを固定表示させます。 初期設定では右下に表示します。 |
|
追従バナー |
③[表示位置] |
※ポップアップ種別で[追従バナー]を選択した場合のみ表示します |
動画設定 |
④[自動再生] |
チェックボックスを[オン]にすると、自動で動画を再生します。 |
⑤[ループ再生] |
チェックボックスを[オン]にすると、動画が終了した後に繰り返し動画を再生します。 |
|
⑥[コントロールバーを表示] |
チェックボックスを[オン]にすると、コントロールバーを表示します。 |
|
⑦閉じるボタン |
ポップアップを閉じるためのボタンの表示イメージです。 ポップアップに設定した画像のデザインや、ポップアップの背景の不透明度や表示されるページの色彩に合わせて、デザインを5種類の中から選択できます。 |
|
⑧[ポップアップのサイズ] |
ポップアップのサイズを、30%(小さい)から100%(大きい)のあいだで、スライダーを操作して1%きざみで調整できます。 |
|
背景 | ⑨[余白] |
ポップアップの背景の余白を「なし」、「小」、「中」、「大」の4種類の中から選択できます。 |
⑩[角の丸み] |
ポップアップの背景の角の丸みを3種類の中から選択できます。 |
4. 終了画面を編集する
[終了画面]タブから終了画面を設定します。
❗️ループ再生を設定している場合には表示されません。 |
[終了画面]編集画面
終了画面テキスト |
①[オン/オフ] |
終了画面テキスト表示の[オン/オフ]を設定します。 [オン]:終了画面のテキストが表示された状態 |
②[終了画面テキスト] |
終了画面に表示したいテキストを入力します。 |
|
③ボタンを表示 |
終了画面に表示するボタンの[オン/オフ]を設定します。 [オン]:終了画面のボタンが表示された状態 |
|
④[ボタンテキスト] |
ボタンに表示するテキストを入力します。 |
「ボタンを表示」で[オン]を選択した場合は、「動画ポップアップを編集」画面の上部より以下も設定してください。
①共通リンク設定(終了画面・ボタン)
②移動後の表示
③URLパラメータの引き継ぎ
5. ボタンを編集する
[ボタン]タブから動画の下に表示するボタンを編集します。
[ボタン]画面
動画の下にボタンを表示 |
①[オン/オフ] |
終了画面テキスト表示の[オン/オフ]を設定します。 [オン]:終了画面のテキストが表示された状態 |
|
②[ボタンテキスト] |
終了画面に表示したいテキストを入力します。 |
||
テキスト設定 | ③[フォントサイズ] |
[ボタンテキスト]のフォントサイズをスライダーを操作し13段階で調整できます。 |
|
④[フォントカラー] |
[ボタンテキスト]のフォントカラーを自由に選択できます。 |
||
[フォント設定] | ⑤[ボールド] |
選択すると[ボタンテキスト]のフォントのウエイトをボールドにします。 |
|
⑥[斜体] |
選択すると[ボタンテキスト]のフォントのスタイルを斜体にします。 |
||
⑦[打ち消し線] |
選択すると[ボタンテキスト]のフォントに打ち消し線を表示します。 |
||
⑧[アンダーライン] |
選択すると[ボタンテキスト]のフォントにアンダーラインを表示します。 |
||
ボタンデザイン |
⑨[背景カラー] |
ボタンの背景カラーを自由に選択できます。 |
|
⑩[角の丸み] |
ボタンの角の丸みを3種類の中から選択します。 |
||
⑪[ボタンサイズ] |
ポップアップのサイズを、50%(小さい)から100%(大きい)のあいだで、スライダーを操作して1%きざみで調整できます。 |
6. 編集内容を保存する
💡[テンプレートから作成]で作成したウィジェットはマイウィジェットとして保存されます。 |
すべての編集が完了したら[編集内容を保存]をクリックします。
「テンプレートをマイウィジェットとして保存」のダイアログが表示されるので、ウィジェット名を入力し[マイウィジェットに保存]をクリックします。
「マイウィジェット一覧」に移動し作成したウィジェットが追加されていることを確認できます。