Как заставить скрипт отработать полностью до начала загрузки документа?

Question

[Никита Кит]

Крч ситуация такая - заказчику вечно скликивают рекламные объявления конкуренты. Стата портится, цена за клик растёт. Было принято решение блочить вафелов. По IP выпаливать как то туповато - я решил воспользоваться localStorage:

var date = new Date(),
openMinute =  date.getMinutes();
var totalSeconds = 0;
setInterval(function(){
 ++totalSeconds
 console.log(totalSeconds)
}, 1000);
window.addEventListener("beforeunload", function (event) {
  date = new Date();
  var closeMinute = date.getMinutes(),
  closeDay = date.getDate();
  localStorage.setItem('lastVisitDay', closeDay)
  localStorage.setItem('lastVisitMin', closeMinute);
  localStorage.setItem('longSec', totalSeconds);
});

var lastVisitMin, lastLongtitudeSec;
lastVisitMin = localStorage.getItem('lastVisitMin');
lastLongtitudeSec = localStorage.getItem('longSec');
minuteLongtitude = openMinute - lastVisitMin;

if(minuteLongtitude <= 1 && parseInt(lastLongtitudeSec) < 20){
  var xhr = new XMLHttpRequest();
  xhr.open('POST',"/",true);
  xhr.send('clicker=true');
}

Вставил его в head - потом на MODX (да, это лэндинг на MODX Revo кста) поставил If и отлавливаю $_POST['clicker']. Создал сниппет с echo $_POST['clicker'], в шаблоне создал условие, если $_POST['clicker'] равен true, то отдавать чистый лист, без ничего. И скрипты яндекса не прогружать. Если же нет, то грузить контент. Вот только беда - потестил - мне скрипт отсылает ajax когда уже контент грузиться начал... а $_POST['clicker'] ничему, естесн, не равен. Могу я как-то дать знать js, что ему надо выполниться до того, как документ загрузится? Или дать знать документу, чтоб он начал грузиться только после выполнения скрипта в head? async мне не помог. Судя по счётчику и консоли, POST происходит только на 12й секунде (интернет у меня не оч, но контент успевает прогружаться)

Comments

[Dark Hole]

Слишком сложно И, ГЛАВНОЕ, неэффективно. Ибо есть куки. И обходится довольно легко.

[Никита Кит]

Dark Hole: cookie слишком неудобные и их можно стереть. localStorage можно перетереть только через полный сброс настроек или через localStorage.clear()
Но cookie можно сразу передать в php без post-запроса. Так что наверно, да, cookie - способ попроще...

[Никита Кит]

Dark Hole: вот что, всё таки правильную мысль ты мне подкинул...

function setCookie(name, value, options) {
  options = options || {};
  var expires = options.expires;
  if (typeof expires == "number" && expires) {
    var d = new Date();
    d.setTime(d.getTime() + expires * 1000);
    expires = options.expires = d;
  }
  if (expires && expires.toUTCString) {
    options.expires = expires.toUTCString();
  }

  value = encodeURIComponent(value);

  var updatedCookie = name + "=" + value;

  for (var propName in options) {
    updatedCookie += "; " + propName;
    var propValue = options[propName];
    if (propValue !== true) {
      updatedCookie += "=" + propValue;
    }
  }

  document.cookie = updatedCookie;
}

var date = new Date(),
openMinute =  date.getMinutes();
var totalSeconds = 0;
setInterval(function(){
 ++totalSeconds
 console.log(totalSeconds)
}, 1000);
window.addEventListener("beforeunload", function (event) {
  date = new Date();
  var closeMinute = date.getMinutes(),
  closeDay = date.getDate();
  localStorage.setItem('lastVisitDay', closeDay)
  localStorage.setItem('lastVisitMin', closeMinute);
  localStorage.setItem('longSec', totalSeconds);
});

var lastVisitMin, lastLongtitudeSec;
lastVisitMin = localStorage.getItem('lastVisitMin');
lastLongtitudeSec = localStorage.getItem('longSec');
minuteLongtitude = openMinute - lastVisitMin;

if(minuteLongtitude <= 1 && parseInt(lastLongtitudeSec) < 20){
  setCookie('isClicker', 'true',{
    expires: 3600
  });
  localStorage.clear()
}

При первом переходе записывается localStorage. При втором переходе, только при определённых параметрах в localStorage записывается cookie. При третьем переходе сервер читает cookie и отвечает обидным ответом. Надеюсь я достаточно чётко подстроил скрипт под поведение кликера. Спасибо, Dark Hole - я потестил его на себе и уже заблочен)))

[Dark Hole]

Никита Кит:

cookie слишком неудобные и их можно стереть

Плагин с контент-скриптом запросто перетрет нужные значения. Или просто сбросит. О том и речь.

[Никита Кит]

Dark Hole: cookie крепятся к определённому ресурсу. isClicker, созданный на domain.com, не перетрётся другим cookie isClicker, созданным на anotherdomain.com. А localStorage надолго хранить и не надо. После выставления cookie инфа в localStorage за ненадобностью трётся. На вид всё предусмотрено... Единственный способ обойти эту блокировку - стереть cookie. Даже если кликер поймёт алгоритм блокировки, постоянно тереть cookie после каждого второго клика как-то за*бно =)

Answer 1

[Никита Траторов]

Так не грузите контент, пока Ваш скрипт не даст добро. Иначе никак. Думаю, что придется грузить основной шаблон без контента, ждать добра от скрипта и аяксить остальное.
Как-то сложно и не сеошно, но всё зависит от Вас.

Comments

[Никита Кит]

так это то понятно - как это сделать?

[Никита Траторов]

Например. Дождаться, пока ваш скрипт изменит значение allowLoad на true, и загрузить контент в нужный элемент (в примере body целиком).

var allowLoad = false; // меняете значение
var URI = '/'; // адрес контроллера, который отдаст контент
myVar = setTimeout(function(){ 
if(allowLoad) {
clearTimeout(myVar);
var xhr = new XMLHttpRequest();
  xhr.open('GET',URI,true);
  xhr.send();
if (xhr.status != 200) {
  // обработать ошибку
  console.error( xhr.status + ': ' + xhr.statusText );
} else {
  // вывести контент
  document.getElementsByTagName('body')[0].innerHTML = xhr.responseText; // текст ответа.
}
}
}, 1000);

[Никита Кит]

Никита Траторов: а я через cookie уже сделал. Мне кажется через ajax будет js тормозить загрузку страниц. А при записи в cookie блокировка будет наступать только при 3м переходе и читаться сервером сразу. Стопроцентное палево кликера.