制限時間のあるオプトインページ

のんちゃん

↓このオプトインページのように

▼ハマー式90日間プログラム
http://sys.acadj.net/hammer/opt/

初回アクセスから〇〇時間で公開は終了します。
というLPは、どうやったら作れるの?

AI

javascript を使います。
サンプルファイルを用意しましたので、
まずは添付ファイルを開いて、sample.html の
ソースをご覧ください。

まず、カウントダウンを設置したいページに
sample.html の <head>~</head>をコピーします。

<style type=#double#text/css#double#>
<!–
div.countdown {
width:780px;
padding:10px 0 0 0;
text-align:left;
font-weight:bold;

line-height:100%;
}

–>
</style>


この記述はただのデザイン指定なので、
コピーしなくても大丈夫です。

記述の参考にして下さい。

次に、<body>内の

<!– ClickTale Top part –>
<script type=#double#text/javascript#double#>
var WRInitTime=(new Date()).getTime();
</script>
<!– ClickTale end of Top part –>

<div class=#double#countdown#double# style=#double#padding-top:60px;#double#></div>


これを実際にカウントダウンを表示したいところに貼り付けます。

最後に、このカウントダウンを表示したいファイルと
同じ階層に js フォルダをアップロードして完了です。

<head> 内の

var timeLimit = getTimeLimit( 12912123161269612, ”, 24 );

ここで24時間タイマーなのかどうかを設定できます。
24のところを試しに変更して頂くと分かりやすいかと思います。

その手前の長い数字が何なのかがちょっと分からなかったのですが
恐らくこのままで問題ないと思いますので、
良かったらこのまま使ってみてください。

なお、javascript カウントダウン  と、検索すると
他にもいろいろなサンプルが見つかります。

簡単ですがご参考になりましたら幸いです!

のんちゃん

ありがとう、AI!

突然ですがここで、のんちゃんから皆様へのプレゼント。

AIが↑で教えてくれた方法を試すためのサンプルファイル

先着10名様へ、無料でプレゼントしちゃいます!

欲しい方は、↓下のお問合せフォームから、ご連絡下さい!

にほんブログ村 小遣いブログ ネットビジネスへ
にほんブログ村

にほんブログ村 その他生活ブログ 家計管理・貯蓄へ
にほんブログ村

ブログランキング・にほんブログ村へにほんブログ村

[contact-form-7 404 "Not Found"]

シェアする

  • このエントリーをはてなブックマークに追加

フォローする