MyASPで行う「指定時間経過後にフォームを自動で表示させる方法」

  • MyASP
  • 閲覧数：45

あるページにアクセスをして動画を視聴していたら、ある程度の時間が経過したら、急にフォームや購入ボタンが現れた…そんな経験はありませんか？

セールスビデオを見まくっている私は、何回も経験しています。笑

それをMyASPとの組み合わせで実現しましょう。イメージはこんな感じです。

  • 指定した時間ビデオを見た人にフォームを表示させる
  • 買いたくなってきたであろうタイミングで決済フォームを出す

こんなことができるようになります。

↓10秒後にフォームが表示されるサンプル↓

javascriptなどにはそこまで詳しくないので、詳しい方がいらっしゃったら「こうやるともっと良くなる！」と教えていただきたいです。「この方法で、とりあえず機能することは確認したぜ」という記事です。

なお、この検証は当社で無料配布しているフォーム用テンプレート「Quattro For MyASP Powerd by GORI2」で行なっています。

MyASP内部で登録フォームデザインを変更した場合、ご自身のサーバに設置したページにMyASPのフォームを埋め込んだ場合ともに動作することを確認しました。

が、記述の仕方はフォームの作り方にもよりますので、その他のフォームに対応しているか否かは不明です。

ですので、「Quattro For MyASP Powerd by GORI2」をぜひご利用ください。まだ入手していない方は、こちらからダウンロードしてください。無料です。

今すぐテンプレートを入手する

記述するjavascript

こちらをヘッダーにコピペします。

<script type="text/javascript">

function display_buy_button() {
document.getElementById("hidden_contents").style.visibility = "visible";
}
setTimeout("display_buy_button()", 5000);

</script>

「5000」の部分が表示遅延(=何秒後にコンテンツを表示させるか)を表しています。

単位はミリ秒です。

すなわち1秒は1000ミリ秒、1分は60000ミリ秒となります。

記述するHTML

後から表示させたいコンテンツを以下のHTMLで囲みます。

<div id="hidden_contents" style="visibility: hidden"> コンテンツ </div>

ステップはこれだけです。

完成すると、こんな感じになります。

サンプルを確認する

やってみたいけど難しそうだなぁ…

そう思ってなかなか前に進めない方のために、「Quattro For MyASP Powerd by GORI2」のカスタマイズサービスを行なっております。あわせてご検討ください。

カスタマイズサービスはダウンロード時のメールに記載されておりますので、そちらをご確認ください。

関連記事