サポートページ aero-right

ポップアップ登録フォームの編集方法は?

  ■ポップアップ登録フォームをサイト訪問者に一度だけ表示するように設定する方法 以下の手順で、ページ訪問者に初回のみポップアップを表示することが可能です。 *表示はブラウザのクッキー情報をもとに表示を行います。そのため同じユーザーでもクッキー情報を削除した場合再度表示されます。  ポップアップフォームを作成  ステップ2の「デザイン画面」を選択  「標準設定」をクリック  「表示」>「ページ訪問者に対し初回のみポップアップを表示する」を選択   HTMLコードを編集する場合:  ポップアップ登録フォームのRawHTMLをコピー&ペースト  出力されるHTMLコードから次のコードを検索し、コードの追加行を赤でマークします。削除または変更はせず、コードの追加のみを行ってください。 A、B、C、Dのコードを適用すると、ユーザーがフォームに登録または閉じた場合フォームが再表示されることはなくなります。ユーザーが登録するまでフォームが表示される様に設定する場合は、コードAとDのみを利用してください。 A) document.getElementById('formbox_screen_subscribe').style.display = 'none'; verticalCenter(successScreen); localStorage.setItem("bmePopupFormViewed", "true"); B) signupFormVeil.addEventListener("click", function() { signupFormContainer.style.display = 'none'; localStorage.setItem("bmePopupFormViewed", "true"); }); C) signupFormCloseButton.addEventListener("click", function() { signupFormContainer.style.display = 'none'; localStorage.setItem("bmePopupFormViewed", "true"); }); D) var bmePopupFormViewed = localStorage.getItem("bmePopupFormViewed"); if (bmePopupFormViewed != "true") { setTimeout(function() { verticalCenter(signupFormContainer); }, 3 * 1000);   ■CSSを使ってポップアップ登録フォームを編集する方法 "#formbox_screen_subscribe"は登録フォーム画面のcontainer IDです。 "#formbox_screen_success"は登録完了画面のcontainer IDです。 "#closebtn"は登録フォームの閉じるボタンのIDです。 "#btnSubmit" は登録ボタンのIDです。 *既存のフォームスタイリングを無効とするため"!important" というCSSコードの追加を推奨します。   ■ポップアップ登録フォームの表示時間を変更する方法 ポップアップフォームは、訪問者がウェブサイトやフォームが設置されたページを訪れた時、少し遅れて表示されるように時間の指定ができます。登録フォームを作成する際に設定が可能です。以下の指示に従って、ポップアップ登録フォームへの遅延を適用してください。 1. Benchmark アカウントへログイン 2. ダッシュボードメニューから「コンタクトリスト」>「登録フォーム」をクリック 3. 「登録フォーム作成」ボタンをクリックし「ポップアップフォーム」を選択した状態で「次へ」をクリック 4. 登録フォーム名、保存先リストを選択し「保存&次へ」をクリック 5. 画面左上の「標準設定」をクリックし、「ボックス設定」メニューをクリック 6. 一番下の「配信時間」から適当な設定時間を選択。最大で60秒間、表示までに時間をかけることができます。   ■ポップアップ登録フォームの幅を変更する方法 1. コンタクトにカーソルを合わせ、「登録フォーム」を選択 2. ステップ2デザインで、画面右側の「標準設定」をクリック 3. 「ボックス設定」をクリック 4. 「横幅」の数字を変更し横幅を調整 *ポップアップ登録フォームにおいては、Googleタグマネージャー(GTM)内に埋め込むことが可能です。ポップアップ登録フォームのHTML出力コードをコードについてはJavaScriptにて書き出した上、"https://lb.benchmarkemail.com "より始まるJavaScriptリンクをGoogleタグマネージャーに追加することにより、稼働が可能となります。 ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。   >>「登録フォーム」のまとめページに戻る

登録フォーム 9月 2, 2019