0

ユーザーがサイトで行ったクリック数を追跡し、それに応じて背景を変更するにはどうすればよいでしょうか。たとえば、ユーザーが最初のページにアクセスしたときの背景は小さなオブジェクトであり、ユーザーがサイトを探索すると、クリックされたリンクの数に応じて背景が変化し、これが循環します。

これらは私が思いついたアイデアです：

各ページの着信ソースを追跡し、ソースがこのサイトからのものである場合は、Cookie に保存されているカウンターに 1 を追加し、Cookie を取得して、対応する背景を表示します。

または、リンクをクリックして、Cookie のカウンターにリンクを追加します。

他の提案やアイデアはありますか？または、これは悪い習慣ですか、それとも非常に悪い考えですか?

PS再調査私は試してみましたが、役に立つものは何も見つかりませんでした

4

3 に答える 3

3

jQuery を使えば簡単にできます。

使用法で編集$.cookie：

var totalClicks = ($.cookie('totalClicks' !== null) ? $.cookie('totalClicks') : 0;
var clicksLimit = 10;

$.cookie('clicksLimit', clicksLimit); // just so that you do not have to re-declare this variable on the other page.

$('body').on('click', '*', function() {
    totalClicks++;

    if(totalClicks >= clicksLimit) {
        alert('do something here...');

        // precise to your request:
        $('body').css('background-color', '#f00'); // will turn body background to "red"
    }

    $.cookie('totalClicks', totalClicks);
});
于 2013-07-05T10:28:54.207 に答える
0

シンプルな JavaScript を使用して実行できますが、jQuery を使用するとサーバーの負荷が増加します。

var clicks = 0;
var limit = 10;

document.onclick = function() {
    if(clicks == 1) document.body.style.backgroundColor = "#FFF";
    if(clicks == 2) document.body.style.backgroundColor = "#EEE";
    if(clicks == 3) document.body.style.backgroundColor = "#DDD";
    if(clicks == 4) document.body.style.backgroundColor = "#CCC";
    ....
    clicks++;
};
于 2013-07-05T10:32:03.107 に答える